文件拆分

src/entry/refactoring/views/category/Uncertified.vue → src/components/Uncertified.vue

@@ -4,7 +4,7 @@
       <h2 class="title">提示</h2>
       <img
         class="img"
-        src="../../../../assets/images/weirenzheng-2.png"
+        src="../assets/images/Uncertified/weirenzheng-2.png"
         alt="删除"
       />
       <p class="tip">您还未认证不能进行上链</p>

src/components/bootPage.vue

@@ -9,23 +9,23 @@
     </div>
     <!-- url3 -->
     <ul class="list">
-      <li :class="{'check':index===1}"></li>
-      <li :class="{'check':index===2}"></li>
-      <li :class="{'check':index===3}"></li>
+      <li :class="{ check: index === 1 }"></li>
+      <li :class="{ check: index === 2 }"></li>
+      <li :class="{ check: index === 3 }"></li>
     </ul>
-    <div class="content" v-if="index===1">
+    <div class="content" v-if="index === 1">
       <h1>存证溯源</h1>
       <p>把信息储存到区块链浏览器里，追溯根源安全可靠。</p>
     </div>
-    <div class="content" v-if="index===2">
+    <div class="content" v-if="index === 2">
       <h1>增量更新</h1>
       <p>多环节操作上链，多次上链，上传便捷。</p>
     </div>
-    <div class="content" v-if="index===3">
+    <div class="content" v-if="index === 3">
       <h1>更多功能即将上线</h1>
       <p>存证交接成员管理即将上线，敬请期待~</p>
     </div>
-    <div class="btnbox" v-if="index===3">
+    <div class="btnbox" v-if="index === 3">
       <div class="btn" @click="determine">确定</div>
     </div>
     <div class="btnbox" v-else>
@@ -39,17 +39,17 @@ export default {
     return {
       index: 1,
       containerWidth: 0,
-      reference: 420
+      reference: 420,
     };
   },
   computed: {
     // 图片的左右移动
     Style() {
       const style = {
-        transform: "translateX(" + -1 * this.containerWidth + "px)"
+        transform: "translateX(" + -1 * this.containerWidth + "px)",
       };
       return style;
-    }
+    },
   },
   methods: {
     determine() {
@@ -65,8 +65,8 @@ export default {
           clearInterval(t);
         }
       }, 1);
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang="less">
@@ -98,13 +98,13 @@ export default {
     background-size: contain;
   }
   .url1 {
-    background-image: url("../assets/images/9@2x.png");
+    background-image: url("../assets/images/bootPage/9@2x.png");
   }
   .url2 {
-    background-image: url("../assets/images/13@2x.png");
+    background-image: url("../assets/images/bootPage/13@2x.png");
   }
   .url3 {
-    background-image: url("../assets/images/1@2x.png");
+    background-image: url("../assets/images/bootPage/1@2x.png");
   }
   .list {
     list-style: none;

src/entry/refactoring/views/category/newProductList.vue

@@ -134,7 +134,7 @@ import IncrementalDataList from "../../components/newProductList/IncrementalData
 import Increments from "../../components/newProductList/increment.vue"; // 增量
 import AddGoods from "./addGoods.vue"; // 添加存证
 import deleteGoods from "./deleteGoods.vue"; // 删除组件
-import Uncertified from "./Uncertified.vue"; // 未认证提示组件
+import Uncertified from "@/components/Uncertified.vue"; // 未认证提示组件
 
 export default {
   components: {