ソースを参照

fix: 钱包tab改flex-basis 0严格等分居中,边距与列表对齐

skyline 3 週間 前
親
コミット
5c7d756980
1 ファイル変更、5 行追加、2 行削除
  1. 5 2
      charge-front/src/pages-user/wallet/wallet.vue

+ 5 - 2
charge-front/src/pages-user/wallet/wallet.vue

@@ -337,12 +337,15 @@ const detail = (index: number) => {
 
   .body {
     .tabs {
-      padding: 0 40rpx;
+      padding: 0 30rpx;
 
       .tab-item {
         position: relative;
-        flex-grow: 1;
+        /* flex-basis 0 强制严格等分,不受文字宽度影响 */
+        flex: 1 1 0;
+        min-width: 0;
         height: 72rpx;
+        text-align: center;
 
         .active {
           position: absolute;