feat: 更改ui样式&改在售后流程&底部栏状态

pages/mine/mine.vue

@@ -232,6 +232,13 @@ export default {
                     url: '/static/mine/order_afterSale.png',
                     path: '/pages/mine_package/mine_order/mine_order?type=' + MINE_ORDER_TYPE.SUCCEED,
                     note: 'unCommentNum'
+                },
+                {
+                    id: ORDER_TYPE.AFTER_SALE,
+                    title: '售后',
+                    url: '/static/mine/order_afterSale.png',
+                    path: '/pages/mine_package/mine_order/mine_order?type=' + MINE_ORDER_TYPE.AFTER_SALE,
+                    note: 'unCommentNum'
                 }
             ],
             applyList: [
@@ -476,15 +483,16 @@ export default {
 </script>
 
 <style lang="scss">
+
 .mine_warp {
-    height: calc(100vh - 140rpx);
+    height: calc(100vh - env(safe-area-inset-bottom)); 
     overflow: auto;
     position: relative;
     background-color: $app-bj;
 }
 
 .mine_header {
-    height: 300rpx;
+    // height: 300rpx;
     background: linear-gradient(180deg, #f2ebff 0%, rgba(245, 245, 247, 0) 100%, #ffffff 100%);
     /* 将图片居中显示 */
     padding: 90rpx 40rpx 0;
@@ -497,11 +505,10 @@ export default {
 }
 
 .mine_content_warp {
-    position: absolute;
-    top: 278rpx;
-    width: 92%;
-    height: auto;
-    left: 4%;
+    margin-top: 20rpx;
+    margin-left: 30rpx;
+    width: 690rpx;
+    padding-bottom: calc(100rpx + env(safe-area-inset-bottom));
 }
 
 .mine_no_login_data {