feat: 售后弹框样式修改

pages/mine_package/mine_order/mine_order.vue

@@ -870,43 +870,6 @@ export default {
   line-height: 1.6;
 }
 
-.after-sales-popup {
-  max-height: 80% !important;
-
-  .after-sales-title {
-    font-size: 28rpx;
-    color: #71737c;
-    text-align: center;
-    padding: 28rpx 32rpx;
-
-    .close_but {
-      color: #000;
-      font-weight: 800;
-    }
-  }
-
-  .slot-content {
-    width: calc(100% - 64rpx);
-    padding: 0 32rpx;
-
-    .after-sales-tabs {
-      width: calc(100% - 64rpx);
-      height: 80rpx;
-      background: #f5f5f7;
-      border-radius: 8rpx;
-      display: flex;
-      align-items: center;
-      padding: 0 8rpx;
-
-      .after-sales-tabs-item {
-        width: 50%;
-        height: 64rpx;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-size: 28rpx;
-        color: #666666;
-
 .after-sales-tabs-text {
   width: 36rpx;
   height: 30rpx;
@@ -919,33 +882,69 @@ export default {
   margin-left: 12rpx;
 }
 
-        &.active {
+.after-sales-popup {
+  max-height: 80% !important;
+
+.after-sales-title {
+  font-size: 28rpx;
+  color: #71737c;
+  text-align: center;
+  padding: 28rpx 32rpx;
+}
+
+.after-sales-title .close_but {
+  color: #000;
+  font-weight: 800;
+}
+
+.slot-content {
+  width: calc(100% - 64rpx);
+  padding: 0 32rpx;
+}
+
+.after-sales-tabs {
+  width: calc(100% - 64rpx);
+  height: 80rpx;
+  background: #f5f5f7;
+  border-radius: 8rpx;
+  display: flex;
+  align-items: center;
+  padding: 0 8rpx;
+}
+
+.after-sales-tabs-item {
+  width: 50%;
+  height: 64rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 28rpx;
+  color: #666666;
+}
+
+.after-sales-tabs-item.active {
   color: #000000;
   border-radius: 8rpx;
   background-color: #fff;
 }
-      }
-    }
 
 .content_ {
   margin-top: 20rpx;
+}
 
-      .content_1,
-      .content_2 {
+.content_ .content_1,
+.content_ .content_2 {
   text-align: left;
   margin-top: 20rpx;
 }
 
-      .content_3 {
+.content_ .content_3 {
   width: calc(100% - 32rpx);
   height: 132rpx;
   box-shadow: 0px 4rpx 12rpx 0px rgba(215, 215, 215, 0.5);
   border-radius: 16rpx;
   box-sizing: border-box;
 }
-    }
-  }
-}
 
 .order_warp {
   height: calc(100vh - env(safe-area-inset-bottom));
@@ -964,6 +963,7 @@ export default {
   display: flex;
   margin-top: 30rpx;
   align-items: center;
+}
 
 .order_type_title_item {
   margin-right: 40rpx;
@@ -977,7 +977,6 @@ export default {
   font-size: 36rpx;
   color: $app-bt-bj;
 }
-}
 
 .order_list_warp {
   // height: calc(100vh - 270rpx);
@@ -989,6 +988,7 @@ export default {
   border-radius: 20rpx;
   padding: 30rpx 20rpx;
   margin-top: 20rpx;
+}
 
 .order_item_header {
   display: flex;
@@ -1035,6 +1035,7 @@ export default {
 
 .order_item_collect {
   margin-top: 20rpx;
+}
 
 .collect_msg {
   font-weight: 500;
@@ -1047,11 +1048,10 @@ export default {
   display: flex;
   justify-content: space-between;
 }
-  }
-}
 
 .cancel_show_warp {
   padding: 20rpx;
+}
 
 .cancel_show_title_warp {
   position: relative;
@@ -1080,6 +1080,7 @@ export default {
 
 .cancel_show_reason_warp {
   margin-top: 20rpx;
+}
 
 .reason_title {
   font-weight: bold;
@@ -1088,8 +1089,6 @@ export default {
   line-height: 36rpx;
   margin-bottom: 20rpx;
 }
-  }
-}
 
 .but_border_warp {
   border: 1rpx solid #eeeeee94;
@@ -1107,6 +1106,7 @@ export default {
   background: transparent;
   z-index: 100;
   box-shadow: 0rpx -4rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
+}
 
 .cancel_show_button {
   position: initial;
@@ -1121,7 +1121,6 @@ export default {
   font-size: 28rpx;
   color: #ffffff;
 }
-}
 
 .content_info_title {
   width: 370rpx;
@@ -1150,6 +1149,7 @@ export default {
   background: #ffffff;
   box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
   border-radius: 12rpx;
+}
 
 .content_info {
   display: grid;
@@ -1169,7 +1169,6 @@ export default {
   color: rgba(0, 0, 0, 0.4);
   display: flex;
 }
-}
 
 .but_ {
   display: flex;