3

build.sh

@@ -1,10 +1,10 @@
 # npm install -g npm@8.12.1
 # npm install -g cnpm -registry=https://registry.npm.taobao.org
 # cnpm install @vue/cli-service -g
-# rm -rf node_modules
-# rm -rf package-lock.json
+rm -rf node_modules
+rm -rf package-lock.json
  
-# npm install -g cnpm -registry=https://registry.npm.taobao.org
-# cnpm install @vue/cli-service -g
-# cnpm i  
+npm install -g cnpm -registry=https://registry.npm.taobao.org
+cnpm install @vue/cli-service -g
+cnpm i  
 cnpm run build

package.json

@@ -16,9 +16,7 @@
     "js-base64": "^3.7.3",
     "js-cookie": "^3.0.1",
     "lossless-json": "^2.0.4",
-    "sass": "^1.43.5",
     "node-sass": "^6.0.1",
-    "dart-sass": "^1.25.0",
     "sass-loader": "^10.0.1",
     "vant": "^3.6.0",
     "vconsole": "^3.15.0",
@@ -30,7 +28,8 @@
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.0.0"
+    "@vue/compiler-sfc": "^3.0.0",
+    "unplugin-vue-components": "^0.22.12"
   },
   "browserslist": [
     "> 1%",

src/views/bill/Alipay.vue

@@ -275,7 +275,7 @@ export default {
 .van-nav-bar {
   background: #252a3d;
 }
-.pay_info::v-deep {
+.pay_info {
   height: 10%;
   background-color: #252a3d;
   padding-top: 12px;
@@ -303,55 +303,56 @@ export default {
       top: 14px;
     }
   }
-
-  .popup_info {
-    height: 86%;
-    padding: 16px;
-    box-shadow: 0px -10px 20px 0px rgba(27, 32, 38, 0.1);
-    border-radius: 20px 20px 0px 0px;
-    box-sizing: border-box;
-    .popup_title {
-      margin-top: 8px;
-      .van-col {
-        font-weight: 600;
+  /deep/ {
+    .popup_info {
+      height: 86%;
+      padding: 16px;
+      box-shadow: 0px -10px 20px 0px rgba(27, 32, 38, 0.1);
+      border-radius: 20px 20px 0px 0px;
+      box-sizing: border-box;
+      .popup_title {
+        margin-top: 8px;
+        .van-col {
+          font-weight: 600;
+        }
       }
-    }
-    .pay_type {
-      margin: 12px 0;
-      .van-col {
-        line-height: 20px;
+      .pay_type {
+        margin: 12px 0;
+        .van-col {
+          line-height: 20px;
+        }
+        .van-icon {
+          display: flex;
+          align-items: center;
+        }
       }
-      .van-icon {
-        display: flex;
-        align-items: center;
+      .pay_amount {
+        margin-bottom: 40px;
+        .van-col {
+          font-weight: 600;
+          font-size: 18px;
+        }
       }
-    }
-    .pay_amount {
-      margin-bottom: 40px;
-      .van-col {
-        font-weight: 600;
-        font-size: 18px;
+      .van-popup__close-icon {
+        top: 24px;
       }
-    }
-    .van-popup__close-icon {
-      top: 24px;
-    }
-    .van-password-input__security {
-      height: 44px;
-      .van-password-input__item {
-        background: #f7f7f7;
-        border-radius: 4px;
+      .van-password-input__security {
+        height: 44px;
+        .van-password-input__item {
+          background: #f7f7f7;
+          border-radius: 4px;
+        }
       }
-    }
-    .van-cell-group {
-      background: gray;
-      .van-cell {
-        padding: 10px 0;
+      .van-cell-group {
+        background: gray;
+        .van-cell {
+          padding: 10px 0;
+        }
+      }
+      .van-cell-group__title {
+        padding: 16px 0 8px 0;
+        text-align: left;
       }
-    }
-    .van-cell-group__title {
-      padding: 16px 0 8px 0;
-      text-align: left;
     }
   }
 }

src/views/bill/WeChat.vue

@@ -171,44 +171,46 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.pay_info::v-deep {
+.pay_info {
   .save_btn {
     padding: 0 16px;
     background-color: unset;
   }
-  .popup_info {
-    height: 76%;
-    padding: 16px;
-    box-shadow: 0px -10px 20px 0px rgba(27, 32, 38, 0.1);
-    border-radius: 20px 20px 0px 0px;
-    box-sizing: border-box;
-    .popup_title {
-      margin-top: 8px;
-      .van-col {
-        font-weight: 600;
+  /deep/ {
+    .popup_info {
+      height: 76%;
+      padding: 16px;
+      box-shadow: 0px -10px 20px 0px rgba(27, 32, 38, 0.1);
+      border-radius: 20px 20px 0px 0px;
+      box-sizing: border-box;
+      .popup_title {
+        margin-top: 8px;
+        .van-col {
+          font-weight: 600;
+        }
       }
-    }
-    .pay_type {
-      margin: 16px 0 24px 0;
-      .van-col {
-        line-height: 20px;
+      .pay_type {
+        margin: 16px 0 24px 0;
+        .van-col {
+          line-height: 20px;
+        }
       }
-    }
-    .pay_amount {
-      margin-bottom: 16px;
-      .van-col {
-        font-weight: 600;
-        font-size: 18px;
+      .pay_amount {
+        margin-bottom: 16px;
+        .van-col {
+          font-weight: 600;
+          font-size: 18px;
+        }
       }
-    }
-    .van-popup__close-icon {
-      top: 24px;
-    }
-    .van-password-input__security {
-      height: 44px;
-      .van-password-input__item {
-        background: #f7f7f7;
-        border-radius: 4px;
+      .van-popup__close-icon {
+        top: 24px;
+      }
+      .van-password-input__security {
+        height: 44px;
+        .van-password-input__item {
+          background: #f7f7f7;
+          border-radius: 4px;
+        }
       }
     }
   }

src/views/bill/detail.vue

@@ -622,10 +622,12 @@ export default {
 <style lang="scss" scoped>
 .page_info {
   height: 100%;
-  .search_pannel::v-deep {
+  .search_pannel {
     background: #ffffff;
-    .van-tabs__line {
-      --van-tabs-bottom-bar-color: #2e69eb;
+    /deep/ {
+      .van-tabs__line {
+        --van-tabs-bottom-bar-color: #2e69eb;
+      }
     }
   }
   .list_total {
@@ -649,7 +651,7 @@ export default {
   }
   .info_list {
     padding: 0 16px;
-    .list_item::v-deep {
+    .list_item {
       background: #ffffff;
       box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.15);
       border-radius: 4px;
@@ -714,11 +716,13 @@ export default {
           }
         }
       }
-      .van-cell:after {
-        border-bottom: 0;
-      }
-      .van-collapse-item__content {
-        padding: 0 16px;
+      /deep/ {
+        .van-cell:after {
+          border-bottom: 0;
+        }
+        .van-collapse-item__content {
+          padding: 0 16px;
+        }
       }
     }
     .reduce_record {
@@ -759,11 +763,13 @@ export default {
 }
 </style>
 <style lang="scss">
-.tab_bar::v-deep {
-  .van-tabbar-item {
-    color: #2e69eb;
-    font-size: 14px;
-    font-weight: 600;
+.tab_bar {
+  /deep/ {
+    .van-tabbar-item {
+      color: #2e69eb;
+      font-size: 14px;
+      font-weight: 600;
+    }
   }
 }
 .popup_info {

src/views/bill/fee.vue

@@ -1,18 +1,8 @@
-<!--
- * @Author: lmc 934268770@qq.com
- * @Date: 2022-12-23 15:05:07
- * @LastEditors: lmc 934268770@qq.com
- * @LastEditTime: 2023-01-10 09:16:39
- * @FilePath: \witcarbon-app\src\views\bill\fee.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
 <template>
   <van-row align="center" justify="center" class="popup_title">
     <van-col>{{ feeInfo.popupTitle }}</van-col>
   </van-row>
-  <van-divider
-    style="border-color: #d8d8d8; margin: 0"
-  />
+  <van-divider style="border-color: #d8d8d8; margin: 0" />
   <van-form
     ref="dataForm"
     input-align="left"
@@ -69,7 +59,7 @@ export default {
   methods: {
     onSubmit() {
       this.feeInfo.amount = this.dataForm.amount;
-      this.$emit("close",this.feeInfo);
+      this.$emit("close", this.feeInfo);
     },
   },
 };
@@ -83,8 +73,9 @@ export default {
     font-size: 18px;
   }
 }
-.input_field::v-deep {
+.input_field {
   line-height: 68px;
+  /deep/ {
     .van-field__label {
       width: unset;
       color: #0c1935;
@@ -94,5 +85,6 @@ export default {
     .van-field__value {
       font-size: 20px;
     }
+  }
 }
 </style>

src/views/login.vue

@@ -97,7 +97,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.page_info::v-deep {
+.page_info {
   position: relative;
   .info_bg {
     width: 100%;
@@ -151,14 +151,16 @@ export default {
       }
     }
   }
-  --van-cell-vertical-padding: 8px;
-  .van-icon__image {
-    margin-top: 4px;
-  }
-  .van-field {
-    background: #f4f7ff;
-    border-radius: 18px;
-    border: 1px solid #5c8fff;
+  /deep/ {
+    --van-cell-vertical-padding: 8px;
+    .van-icon__image {
+      margin-top: 4px;
+    }
+    .van-field {
+      background: #f4f7ff;
+      border-radius: 18px;
+      border: 1px solid #5c8fff;
+    }
   }
 }
 </style>

src/views/repair/create.vue

@@ -333,15 +333,17 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.page_info::v-deep {
+.page_info {
   margin-top: 12px;
-  .upload_cell {
-    .van-cell__title {
-      flex: unset;
-    }
-    .van-cell__value {
-      margin-left: 8px;
-      text-align: center;
+  /deep/ {
+    .upload_cell {
+      .van-cell__title {
+        flex: unset;
+      }
+      .van-cell__value {
+        margin-left: 8px;
+        text-align: center;
+      }
     }
   }
 }

src/views/repair/detail.vue

@@ -348,40 +348,44 @@ export default {
 </script>
 <style lang="scss" scoped>
 .page_info {
-  .info_list::v-deep {
-    .upload_cell {
-      .van-cell__title {
-        flex: unset;
+  .info_list {
+    /deep/ {
+      .upload_cell {
+        .van-cell__title {
+          flex: unset;
+        }
+        .van-image {
+          margin-left: 8px;
+          margin-bottom: 8px;
+        }
       }
-      .van-image {
-        margin-left: 8px;
-        margin-bottom: 8px;
+      .van-cell-group {
+        margin: 12px 0 0 0;
+        .van-icon {
+          display: flex;
+          align-items: center;
+        }
       }
-    }
-    .van-cell-group {
-      margin: 12px 0 0 0;
-      .van-icon {
-        display: flex;
-        align-items: center;
+      .van-cell__left-icon {
+        margin-right: 0;
       }
     }
-    .van-cell__left-icon {
-      margin-right: 0;
-    }
   }
 }
 </style>
 <style lang="scss">
-.popup_info::v-deep {
+.popup_info {
   height: auto;
   box-shadow: 0px -10px 20px 0px rgba(27, 32, 38, 0.1);
   border-radius: 20px 20px 0px 0px;
-  .popup_title {
-    padding: 12px 0;
-    font-weight: 500;
-    background-color: #ffffff;
-    .van-col {
-      font-size: 18px;
+  /deep/ {
+    .popup_title {
+      padding: 12px 0;
+      font-weight: 500;
+      background-color: #ffffff;
+      .van-col {
+        font-size: 18px;
+      }
     }
   }
   .van-field__label {

src/views/repair/list.vue

@@ -230,7 +230,7 @@ export default {
         },
       });
     },
-    
+
     backPath() {
       this.$router.back();
     },
@@ -240,11 +240,13 @@ export default {
 <style lang="scss" scoped>
 .page_info {
   height: 100%;
-  .search_pannel::v-deep {
-    background: #ffffff;
+  .search_pannel {
+    /deep/ {
+      background: #ffffff;
       .van-tabs__line {
         --van-tabs-bottom-bar-color: #2e69eb;
       }
+    }
   }
   .list_total {
     padding: 0 16px;

vue.config.js

@@ -1,3 +1,5 @@
+const { VantResolver } = require('unplugin-vue-components/resolvers');
+const ComponentsPlugin = require('unplugin-vue-components/webpack');
 module.exports = {
   //配置路径别名
   devServer: {
@@ -9,5 +11,12 @@ module.exports = {
   productionSourceMap: false,
   publicPath: "./",
   transpileDependencies: [],
+  configureWebpack: {
+    plugins: [
+      ComponentsPlugin({
+        resolvers: [VantResolver()],
+      }),
+    ],
+  },
  
 }