no message

src/views/personalCenter/accountCenter.vue

@@ -2,10 +2,10 @@
     <div class="w-[977px] h-full flex flex-col flex-shrink-0"
     :class="[current!=3?'overflow-hidden':'']">
         <a-spin :loading="loading">
-            <div class="flex">
+            <div class="flex pl-[13px]">
                 <div v-for="(item,index) in TitleBars"
-                    class="myOrder-status px-[13px] py-[22px] cursor-pointer relative"
-                    :class="[current==item.value?'active font-medium':'font-light']"
+                    class="myOrder-status mr-[42px] py-[22px] cursor-pointer relative"
+                    :class="[current==item.value?'active font-medium':'font-light',index?'ml-[42px]':null]"
                     @click="changeStatus(item.value)">{{ item.label }}
                     <div class="myOrder-status-border absolute left-0 bottom-0 w-full flex justify-center">
                         <div></div>

src/views/personalCenter/myCoupon.vue

@@ -28,8 +28,8 @@
                     </a-dropdown>
                 </div>
                 <div v-for="(item,index) in TitleBars"
-                    class="myOrder-status px-[13px] py-[22px] cursor-pointer relative"
-                    :class="[currentStatus==item.value?'active font-medium':'font-light']"
+                    class="myOrder-status mr-[45px] py-[22px] cursor-pointer relative"
+                    :class="[currentStatus==item.value?'active font-medium':'font-light',index?'ml-[45px]':null]"
                     @click="changeStatus(item.value)">
                     {{ item.lable }}
                     <div class="myOrder-status-border absolute left-0 bottom-0 w-full flex justify-center">