fix(custom): 修复若干样式污染的问题

components.d.ts

@@ -12,37 +12,18 @@ declare module '@vue/runtime-core' {
     Cart: typeof import('./src/components/Cart.vue')['default']
     MerList: typeof import('./src/components/MerList.vue')['default']
     NutAvatar: typeof import('@nutui/nutui-taro')['Avatar']
-    NutBacktop: typeof import('@nutui/nutui-taro')['Backtop']
     NutButton: typeof import('@nutui/nutui-taro')['Button']
-    NutCalendar: typeof import('@nutui/nutui-taro')['Calendar']
     NutCell: typeof import('@nutui/nutui-taro')['Cell']
     NutCellGroup: typeof import('@nutui/nutui-taro')['CellGroup']
-    NutCheckbox: typeof import('@nutui/nutui-taro')['Checkbox']
-    NutCheckboxGroup: typeof import('@nutui/nutui-taro')['CheckboxGroup']
     NutDialog: typeof import('@nutui/nutui-taro')['Dialog']
     NutEllipsis: typeof import('@nutui/nutui-taro')['Ellipsis']
     NutEmpty: typeof import('@nutui/nutui-taro')['Empty']
-    NutForm: typeof import('@nutui/nutui-taro')['Form']
-    NutFormItem: typeof import('@nutui/nutui-taro')['FormItem']
     NutGrid: typeof import('@nutui/nutui-taro')['Grid']
     NutGridItem: typeof import('@nutui/nutui-taro')['GridItem']
-    NutImagePreview: typeof import('@nutui/nutui-taro')['ImagePreview']
-    NutInput: typeof import('@nutui/nutui-taro')['Input']
     NutInputNumber: typeof import('@nutui/nutui-taro')['InputNumber']
-    NutOverlay: typeof import('@nutui/nutui-taro')['Overlay']
-    NutPagination: typeof import('@nutui/nutui-taro')['Pagination']
-    NutPicker: typeof import('@nutui/nutui-taro')['Picker']
     NutPopup: typeof import('@nutui/nutui-taro')['Popup']
     NutPrice: typeof import('@nutui/nutui-taro')['Price']
-    NutSearchbar: typeof import('@nutui/nutui-taro')['Searchbar']
-    NutSwiper: typeof import('@nutui/nutui-taro')['Swiper']
-    NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem']
-    NutSwitch: typeof import('@nutui/nutui-taro')['Switch']
     NutTable: typeof import('@nutui/nutui-taro')['Table']
-    NutTabPane: typeof import('@nutui/nutui-taro')['TabPane']
-    NutTabs: typeof import('@nutui/nutui-taro')['Tabs']
-    NutTextarea: typeof import('@nutui/nutui-taro')['Textarea']
-    NutUploader: typeof import('@nutui/nutui-taro')['Uploader']
     Pay: typeof import('./src/components/Pay.vue')['default']
     Popup: typeof import('./src/components/Popup.vue')['default']
     RichEditor: typeof import('./src/components/RichEditor.vue')['default']

src/components/Back.vue

@@ -5,7 +5,7 @@
       <view class="line"></view>
       <Home class="iconfont" @click="goHome" />
     </view>
-    <text class="title">{{ props.title }}</text>
+    <text style="width: 410px;text-align: center;">{{ props.title }}</text>
   </view>
 </template>
 
@@ -66,9 +66,4 @@ const goHome = () => {
     box-sizing: border-box;
   }
 }
-
-.title {
-  width: 410px;
-  text-align: center;
-}
 </style>

src/pages/admin/order_manage/index.scss

@@ -0,0 +1,65 @@
+.Card {
+  width: 90%;
+  background-color: #fff;
+  border-radius: 10px;
+  margin: 10px auto;
+  padding: 25px;
+
+  .top {
+    display: flex;
+    align-items: center;
+    text {
+      margin-right: 5px;
+    }
+  }
+}
+
+.icon {
+  color: red;
+}
+
+.gridBox {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  grid-template-columns: repeat(3, 33.33%);
+  grid-template-rows: repeat(3, 33.33%);
+  grid-gap: 10px;
+  justify-content: center;
+  text-align: center;
+
+  .item {
+    margin-top: 50px;
+    .title {
+      font-size: 50px;
+    }
+    .sub {
+      font-size: 25px;
+      color: #999;
+    }
+  }
+}
+
+.table {
+  margin-top: 10px;
+}
+
+.orderinfo {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+  align-items: center;
+  .info {
+    text-align: center;
+
+    .num {
+      font-size: 40px;
+      color: red;
+    }
+
+    .sub {
+      font-size: 25px;
+      color: #999;
+    }
+  }
+}

src/pages/admin/order_manage/index.vue

@@ -157,69 +157,5 @@ const toListPage = (index: number) => {
 </script>
 
 <style lang="scss">
-.Card {
+@import './index.scss';
-  width: 90%;
-  background-color: #fff;
-  border-radius: 10px;
-  margin: 10px auto;
-  padding: 25px;
-
-  .top {
-    display: flex;
-    align-items: center;
-    text {
-      margin-right: 5px;
-    }
-  }
-}
-
-.icon {
-  color: red;
-}
-
-.gridBox {
-  width: 100%;
-  height: 100%;
-  display: grid;
-  grid-template-columns: repeat(3, 33.33%);
-  grid-template-rows: repeat(3, 33.33%);
-  grid-gap: 10px;
-  justify-content: center;
-  text-align: center;
-
-  .item {
-    margin-top: 50px;
-    .title {
-      font-size: 50px;
-    }
-    .sub {
-      font-size: 25px;
-      color: #999;
-    }
-  }
-}
-
-.table {
-  margin-top: 10px;
-}
-
-.orderinfo {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 20px;
-  align-items: center;
-  .info {
-    text-align: center;
-
-    .num {
-      font-size: 40px;
-      color: red;
-    }
-
-    .sub {
-      font-size: 25px;
-      color: #999;
-    }
-  }
-}
 </style>