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

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 {
-  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;
-    }
-  }
-}
+@import './index.scss';
 </style>