格式化

package.json

@@ -16,7 +16,9 @@
     "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",
@@ -28,8 +30,7 @@
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.0.0",
-    "unplugin-vue-components": "^0.19.6"
+    "@vue/compiler-sfc": "^3.0.0"
   },
   "browserslist": [
     "> 1%",

src/views/bill/Alipay.vue

@@ -275,7 +275,7 @@ export default {
 .van-nav-bar {
   background: #252a3d;
 }
-.pay_info {
+.pay_info::v-deep {
   height: 10%;
   background-color: #252a3d;
   padding-top: 12px;
@@ -304,57 +304,55 @@ export default {
     }
   }
 
-  /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;
-        }
+  .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;
-        }
-        .van-icon {
-          display: flex;
-          align-items: center;
-        }
-      }
-      .pay_amount {
-        margin-bottom: 40px;
-        .van-col {
-          font-weight: 600;
-          font-size: 18px;
-        }
+    }
+    .pay_type {
+      margin: 12px 0;
+      .van-col {
+        line-height: 20px;
       }
-      .van-popup__close-icon {
-        top: 24px;
+      .van-icon {
+        display: flex;
+        align-items: center;
       }
-      .van-password-input__security {
-        height: 44px;
-        .van-password-input__item {
-          background: #f7f7f7;
-          border-radius: 4px;
-        }
+    }
+    .pay_amount {
+      margin-bottom: 40px;
+      .van-col {
+        font-weight: 600;
+        font-size: 18px;
       }
-      .van-cell-group {
-        background: gray;
-        .van-cell {
-          padding: 10px 0;
-        }
+    }
+    .van-popup__close-icon {
+      top: 24px;
+    }
+    .van-password-input__security {
+      height: 44px;
+      .van-password-input__item {
+        background: #f7f7f7;
+        border-radius: 4px;
       }
-      .van-cell-group__title {
-        padding: 16px 0 8px 0;
-        text-align: left;
+    }
+    .van-cell-group {
+      background: gray;
+      .van-cell {
+        padding: 10px 0;
       }
     }
+    .van-cell-group__title {
+      padding: 16px 0 8px 0;
+      text-align: left;
+    }
   }
 }
 </style>

src/views/bill/WeChat.vue

@@ -61,13 +61,15 @@
       </van-row>
       <van-divider style="margin: 0" />
       <van-row align="center" justify="space-between" class="pay_type">
-        <van-col style="color:#999999;font-size:14px">支付方式</van-col>
+        <van-col style="color: #999999; font-size: 14px">支付方式</van-col>
         <van-row align="center">
           <van-icon
             :name="require('@/assets/hs_bank.svg')"
             size="20"
           ></van-icon>
-          <van-col style="color:#999999;font-size:14px;margin-left:4px">徽商银行储蓄卡(1859)</van-col>
+          <van-col style="color: #999999; font-size: 14px; margin-left: 4px"
+            >徽商银行储蓄卡(1859)</van-col
+          >
           <van-icon name="arrow" size="12" color="#999999"></van-icon>
         </van-row>
       </van-row>
@@ -169,46 +171,44 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.pay_info {
+.pay_info::v-deep {
   .save_btn {
     padding: 0 16px;
     background-color: unset;
   }
-  /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;
-        }
+  .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_amount {
-        margin-bottom: 16px;
-        .van-col {
-          font-weight: 600;
-          font-size: 18px;
-        }
+    }
+    .pay_type {
+      margin: 16px 0 24px 0;
+      .van-col {
+        line-height: 20px;
       }
-      .van-popup__close-icon {
-        top: 24px;
+    }
+    .pay_amount {
+      margin-bottom: 16px;
+      .van-col {
+        font-weight: 600;
+        font-size: 18px;
       }
-      .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

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

src/views/bill/fee.vue

@@ -1,3 +1,11 @@
+<!--
+ * @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>
@@ -75,9 +83,8 @@ export default {
     font-size: 18px;
   }
 }
-.input_field {
+.input_field::v-deep {
   line-height: 68px;
-  /deep/ {
     .van-field__label {
       width: unset;
       color: #0c1935;
@@ -87,6 +94,5 @@ 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 {
+.page_info::v-deep {
   position: relative;
   .info_bg {
     width: 100%;
@@ -151,16 +151,14 @@ export default {
       }
     }
   }
-  /deep/ {
-    --van-cell-vertical-padding: 8px;
-    .van-icon__image {
-      margin-top: 4px;
-    }
-    .van-field {
-      background: #f4f7ff;
-      border-radius: 18px;
-      border: 1px solid #5c8fff;
-    }
+  --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

@@ -191,7 +191,7 @@ export default {
       },
     };
   },
-  
+
   created() {
     this.getBuildList();
     this.getRepairTypeList();
@@ -199,7 +199,6 @@ export default {
   },
 
   methods: {
-
     getRepairTypeList() {
       this.repairTypeList = getDictDataList("RepairType");
     },
@@ -334,17 +333,15 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.page_info {
+.page_info::v-deep {
   margin-top: 12px;
-  /deep/ {
-    .upload_cell {
-      .van-cell__title {
-        flex: unset;
-      }
-      .van-cell__value {
-        margin-left: 8px;
-        text-align: center;
-      }
+  .upload_cell {
+    .van-cell__title {
+      flex: unset;
+    }
+    .van-cell__value {
+      margin-left: 8px;
+      text-align: center;
     }
   }
 }

src/views/repair/detail.vue

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

src/views/repair/list.vue

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

vue.config.js

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