文件引用修改

src/views/device/detail.vue

@@ -5,13 +5,13 @@
     <div class="content-box">
       <div class="device-detail-top">
         <div class="icon">
-          <img src="../../../public/img/ps/box.png"
+          <img src="@/assets/img/box.png"
                alt="">
         </div>
         <div class="right-container">
           <div class="right-item">
               <div class="right-item-title">
-                <img src="../../../public/img/ps/name.png" alt="">
+                <img src="@/assets/img/name.png" alt="">
                 <span>设备名称</span>
               </div>
               <div class="bottom">
@@ -21,7 +21,7 @@
           </div>
           <div class="right-item">
               <div class="right-item-title">
-                <img src="../../../public/img/ps/status.png" alt="">
+                <img src="@/assets/img/status.png" alt="">
                 <span>设备状态</span>
               </div>
               <div class="bottom">
@@ -32,7 +32,7 @@
           </div>
           <div class="right-item">
               <div class="right-item-title">
-                <img src="../../../public/img/ps/time.png" alt="">
+                <img src="@/assets/img/time.png" alt="">
                 <span>首次绑定时间</span>
               </div>
               <div class="bottom">

src/views/groups/add.vue

@@ -135,7 +135,7 @@ export default {
         width:191px;
         height:67px;
         background: white no-repeat center;
-        background-image: url('../../../public/img/ps/box.png');
+        background-image: url('@/../../../assets/img/box.png');
         background-size: auto 100%;
       }
       .name {

src/views/login/index.vue

@@ -18,9 +18,9 @@
         </van-field>
       </van-cell-group>
       <div class="agree">
-        <label for>
-          <input type="checkbox" name id>
-          我已阅读并同意《可视化平台用户协议》中相关条款
+        <label >
+          <input type="checkbox" v-model="loginForm.checked" name="checkbox">
+          <span>我已阅读并同意《可视化平台用户协议》中相关条款</span>
         </label>
       </div>
       <van-button
@@ -28,6 +28,7 @@
         size="large"
         :loading="isload"
         loading-size="30px"
+        :disabled="loginForm.checked.length == 0"
         type="info"
         text="提交"
         @click="login"
@@ -44,7 +45,8 @@ export default {
     return {
       loginForm: {
         phone: "",
-        code: ""
+        code: "",
+        checked: []
       },
       isload: false,
       time: 0
@@ -88,7 +90,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .login-container {
-  background: white url("../../../public/img/ps/bg.png") no-repeat bottom;
+  background: white url("../../assets/img/bg.png") no-repeat bottom;
   background-size: 100% auto;
   height: 100vh;
   .title {
@@ -130,6 +132,20 @@ export default {
       color:rgba(106,146,249,1);
     }
     .agree {
+      
+      label {
+        display: flex;
+        align-items: center;
+        // color: rgba(106,146,249,1);
+        
+      }
+      input {
+        font-size: 19px;
+        width: 20px;
+        height: 20px;
+        background-color: rgba(106,146,249,1);
+        margin: 3px 10px 0 0;
+      }
       font-size: 21px;
       padding-top: 47px;
       color: #333333;

src/views/notice/index.vue

@@ -2,10 +2,10 @@
   <div class="notice">
     <NavBar title="小V" left-arrow></NavBar>
     <div class="content-box">
-      <!-- <img src="../../../public/img/ps/noticebg.png" alt=""> -->
+      <!-- <img src="@/assets/img/noticebg.png" alt=""> -->
       <div class="notice-item" v-for="(item, index) in list" :key="index">
         <div class="left">
-          <img src="../../../public/img/ps/icon.png" alt class="icon">
+          <img src="@/assets/img/icon.png" alt class="icon">
         </div>
         <div class="right">
           <div class="title">

src/views/tempaltes/edit.vue

@@ -151,7 +151,7 @@ export default {
           clientId: "maxrocky",
           clientSecret: "maxrocky",
           name: "Vmatrix",
-          icon: require("../../../public/img/ps/box.png")
+          icon: require("@/assets/img/box.png")
         }
       ],
       deviceChecked: [],

src/views/tempaltes/index.vue

@@ -112,7 +112,7 @@
               <div class="template-item-title">定制化模板</div>
               <div class="template-item-tips">为您量身打造最合适的可视化方案</div>
               <div>
-                <img src="../../../public/img/ps/up.png" alt>
+                <img src="@/assets/img/up.png" alt>
               </div>
             </div>
           </div>
@@ -135,7 +135,7 @@
               >{{item.filmName ? item.filmName : '暂无名称'}}</div>
               <div class="template-item-tips">为您量身打造最合适的可视化方案</div>
               <div>
-                <img src="../../../public/img/ps/up.png" alt>
+                <img src="@/assets/img/up.png" alt>
               </div>
             </div>
           </div>
@@ -177,7 +177,7 @@ import NavBar from "@/views/layout/navbar";
 import "swiper/dist/css/swiper.css";
 import { swiper, swiperSlide } from "vue-awesome-swiper";
 import { getTempalteList, getFilmList } from "@/api/api";
-
+const banner = require('@/assets/img/banner.png')
 export default {
   name: "Tempaltes",
   data() {
@@ -216,13 +216,13 @@ export default {
       ],
       bannerList: [
         {
-          url: "./img/ps/custom.png"
+          url: banner
         },
         {
-          url: "./img/ps/custom.png"
+          url: banner
         },
         {
-          url: "./img/ps/custom.png"
+          url: banner
         }
       ]
     };

src/views/tempaltes/search.vue

@@ -17,7 +17,7 @@
           </div>
         </div> -->
       </div>
-      <!-- <img src="../../../public/img/ps/helpbg.png" alt=""> -->
+      <!-- <img src="@/assets/img/helpbg.png" alt=""> -->
     </div>
   </div>
 </template>

src/views/user/about.vue

@@ -2,7 +2,7 @@
   <div class="about">
     <NavBar title="关于我们" left-arrow></NavBar>
     <div class="content">
-      <img src="../../../public/img/ps/aboutbg.png" alt="">
+      <img src="@/assets/img/aboutbg.png" alt="">
     </div>
   </div>
 </template>

src/views/user/help.vue

@@ -17,7 +17,7 @@
           </div>
         </div>
       </div>
-      <!-- <img src="../../../public/img/ps/helpbg.png" alt=""> -->
+      <!-- <img src="@/assets/img/helpbg.png" alt=""> -->
     </div>
   </div>
 </template>

src/views/user/index.vue

@@ -4,7 +4,7 @@
 
     </NavBar>
     <div class="user-content animated fadeIn" >
-        <img src="../../../public/img/ps/avatar.png" alt="">
+        <img src="@/assets/img/avatar.png" alt="">
         <div class="right-item">
           <div class="top">13811044826</div>
           <div class="bottom a-btn" @click="logout">
@@ -20,19 +20,19 @@
     </div>
     <div class="bottom-btn animated bounceIn zoomInDown" > 
       <div class="btn-item ">
-        <div class="icon" style="background-image: url(./img/ps/uplv.png)">
+        <div class="icon" :style="`background-image: url(${uplv})`">
           
         </div>
         <div class="des">固件升级</div>
       </div>
       <div class="btn-item" @click="goHelp">
-        <div class="icon" style="background-image: url(./img/ps/about.png)">
+        <div class="icon" :style="`background-image: url(${about})`">
 
         </div>
         <div class="des">帮助反馈</div>
       </div>
       <div class="btn-item" @click="goAbout">
-        <div class="icon" style="background-image: url(./img/ps/help.png)">
+        <div class="icon" :style="`background-image: url(${help})`">
 
         </div>
         <div class="des">关于我们</div>
@@ -42,9 +42,17 @@
 </template>
 
 <script>
+
 import NavBar from '@/views/layout/navbar'
 export default {
   name: 'User',
+  data() {
+    return {
+      uplv: require('../../assets/img/uplv.png'),
+      about: require('../../assets/img/about.png'),
+      help: require('../../assets/img/help.png')
+    }
+  },
   components:{
     NavBar
   },
@@ -81,7 +89,7 @@ export default {
 <style lang="scss" scoped>
 .user-container {
   height: calc(100vh - 50px);
-  background: white url("../../../public/img/ps/bg.png") no-repeat bottom;
+  background: white url("../../assets/img/bg.png") no-repeat bottom;
   background-size: 100% auto;
   .user-content {
     height: 242.5px;
@@ -106,6 +114,9 @@ export default {
       .top {
         padding-bottom: 30px;
       }
+      &:first-child::after {
+          display: none;
+      }
       &::after{
           content: "";
           width:1.5px;
@@ -115,9 +126,7 @@ export default {
           top: 28px;
           left: 0;
         }
-        &:first-child::after {
-          display: none;
-        }
+        
     }
   }
   .bottom-btn {

vue.config.js

 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
-const InlineSourcePlugin = require('./plugins/InlineSoucePlugins');
+// const InlineSourcePlugin = require('./plugins/InlineSoucePlugins');
 const isProduction = process.env.NODE_ENV === 'production';
 const path = require('path');
 function resolve(dir) {
@@ -96,9 +96,9 @@ module.exports = {
           parallel: true,
         })
       );
-      config.plugins.push(new InlineSourcePlugin({
-        match: /\.(js|css)/
-      }))
+      // config.plugins.push(new InlineSourcePlugin({
+      //   match: /\.(js|css)/
+      // }))
       // config.plugins.push(new HtmlWebpackPlugin({
       //   // filename: 'index.html'
       //   template: './public/index.html'