no message

src/i18n/locales/zh-CN.ts

@@ -151,6 +151,7 @@ export default {
     to: '至',
     systemMessage: '系统消息',
     orderType: '所有类型',
+    management: '管理',
   },
   // HTTP 错误状态码
   httpError: {

src/views/personalCenter/myOrder.vue

@@ -49,7 +49,7 @@
         <div class="flex justify-between items-center text-base relative">
             <div class="flex">
                 <div v-for="(item,index) in orderList"
-                    class="myOrder-status px-[13px] py-[22px] cursor-pointer relative"
+                    class="myOrder-status px-[13px] py-[22px] cursor-pointer relative text-base"
                     :class="[currentStatus==item.value?'active font-medium':'font-light']"
                     @click="changeStatus(item.value)">{{ item.label }}
                     <div class="myOrder-status-border absolute left-0 bottom-0 w-full flex justify-center">

src/views/personalCenter/systemMessage.vue

 <template>
     <div class="w-[977px] h-full flex flex-col flex-shrink-0 overflow-hidden">
-        <div class="flex text-base relative">
+        <div class="flex justify-between items-center text-base relative">
             <div 
-            class="myOrder-status px-[13px] py-[22px] cursor-pointer relative active font-medium"
+            class="myOrder px-[13px] py-[22px] cursor-pointer relative active font-medium"
             >{{ t('personal.systemMessage') }}
-                <div class="myOrder-status-border absolute left-0 bottom-0 w-full flex justify-center">
+                <span class="text-[#A3A4A0] font-light absolute right-[-10px] top-[20px]">(18)</span>
+                <div class="myOrder-border absolute left-0 bottom-0 w-full flex justify-center">
                     <div></div>
                 </div>
             </div>
+            <span class="cursor-pointer">{{ t('personal.management') }}</span>
         </div>
         <a-divider class="!m-[0]"/>
         <div class="flex-1 flex flex-col flex-shrink-0"
@@ -34,7 +36,7 @@
                         </div>
                 </div>
                  <div v-else-if="dataList.length==0&&!loding" class="flex flex-col items-center justify-center">
-                    <img class="w-[250px] h-[213px]" src="../../assets/images/personal/wsj.png" alt="" />
+                    <img class="w-[250px] h-[213px]" src="../../assets/images/personal/zwxx.png" alt="" />
                     <span class="text-base SourceHanSansCN mt-[15px]">{{ t('personal.noOrder') }}</span>
                 </div>
             </a-scrollbar>
@@ -125,4 +127,16 @@ const handleDivScroll = (e: any) => {
 .myOrder-time{
     color: rgb(var(--gray-6));
 }
+.myOrder:hover{
+    color: rgb(var(--arcoblue-6));
+}
+.myOrder.active .myOrder-border div{
+    width: 20px;
+    height: 5px;
+    background-color: rgb(var(--arcoblue-6));
+    border-radius: 3px;
+}
+.myOrder.active{
+    color: rbg(var(--gray-10));
+}
 </style>
\ No newline at end of file