lint

.env.develop

 NODE_ENV='development'
 NODE_ENV='development'
-VUE_APP_BASE_API='//127.0.0.1:8080'
+VUE_APP_BASE_API='http://39.105.231.218:8090'
\ No newline at end of file

package.json

 {
 {
-  "name": "vue-project-template",
+  "name": "vmatrix-client",
   "version": "0.1.0",
   "version": "0.1.0",
   "private": true,
   "private": true,
   "scripts": {
   "scripts": {
@@ -16,8 +16,11 @@
     "babel-polyfill": "^6.26.0",
     "babel-polyfill": "^6.26.0",
     "core-js": "^2.6.5",
     "core-js": "^2.6.5",
     "cross-env": "^5.2.0",
     "cross-env": "^5.2.0",
+    "lib-flexible": "^0.3.2",
+    "postcss-pxtorem": "^4.0.1",
     "register-service-worker": "^1.6.2",
     "register-service-worker": "^1.6.2",
     "uglifyjs-webpack-plugin": "^2.1.3",
     "uglifyjs-webpack-plugin": "^2.1.3",
+    "vant": "^2.0.0",
     "vue": "^2.6.10",
     "vue": "^2.6.10",
     "vue-router": "^3.0.3",
     "vue-router": "^3.0.3",
     "vuex": "^3.0.1"
     "vuex": "^3.0.1"

postcss.config.js

 module.exports = {
 module.exports = {
   plugins: {
   plugins: {
-    autoprefixer: {}
+    'autoprefixer': {
+      browsers: ['Android >= 4.0', 'iOS >= 7']
+    },
+    'postcss-pxtorem': {
+      rootValue: 37.5,
+      propList: ['*']
+    }
   }
   }
 }
 }

src/api/api.js

+import {  post } from './index'
+export function getTeampalteList (page , size ) {
+  // 获取模板列表
+  return post('/template/get/list', {
+    p: page,
+    c: size
+  })
+}
\ No newline at end of file

src/components/HelloWorld.vue

@@ -75,7 +75,7 @@ export default {
       this.isEdited = false
       this.isEdited = false
       this.message({
       this.message({
         type: 'cancelEdit'
         type: 'cancelEdit'
-      })
+      }) 
     }
     }
   },
   },
   props: {
   props: {

src/main.js

@@ -2,9 +2,12 @@ import Vue from 'vue'
 import App from './App.vue'
 import App from './App.vue'
 import router from './router'
 import router from './router'
 import store from './store'
 import store from './store'
+import '@/utils/flexible'
 import './registerServiceWorker'
 import './registerServiceWorker'
-
+import 'vant/lib/index.css';
 Vue.config.productionTip = false
 Vue.config.productionTip = false
+import { Tabbar, TabbarItem } from 'vant';
+Vue.use(Tabbar).use(TabbarItem);
 
 
 new Vue({
 new Vue({
   router,
   router,

src/router/index.js

@@ -8,8 +8,10 @@ const router =  new Router({
   routes: [
   routes: [
     {
     {
       path: '/',
       path: '/',
-      name: 'home',
-      component: Home
+      component: () => import(/* webpackChunkName: "about" */ '@/views/layout'),
+      children: [
+        { path: '', name: 'Home', component: Home, meta: { keepAlive: true } },
+      ]
     },
     },
     {
     {
       path: '/about',
       path: '/about',

src/views/layout/index.vue

+<template>
+  <div class="layout">
+    <div class="layout-content"> 
+      <router-view></router-view>
+    </div>
+    <!-- <van-tabbar route>
+      <van-tabbar-item replace to="/" icon="home-o">模板库</van-tabbar-item>
+      <van-tabbar-item replace to="/" icon="search">设备组</van-tabbar-item>
+      <van-tabbar-item replace to="/" icon="friends-o">我的设备</van-tabbar-item>
+      <van-tabbar-item replace to="/" icon="setting-o">个人中心</van-tabbar-item>
+    </van-tabbar> -->
+  </div>
+</template>
+
+<script>
+export default {
+  components: {
+  }
+};
+</script>
+
+<style>
+</style>