From 6dff091ae821acd9fac804cb1cfa35f06e6f5ee4 Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Thu, 30 Mar 2023 14:40:14 +0800
Subject: [PATCH] =?UTF-8?q?a1300399510@qq.com=20=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=8E=202023/03/30=20-14:40:02?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/UserIndex.vue | 50 +++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 26 deletions(-)

diff --git a/src/views/user/UserIndex.vue b/src/views/user/UserIndex.vue
index bb87408..c92716b 100755
--- a/src/views/user/UserIndex.vue
+++ b/src/views/user/UserIndex.vue
@@ -11,49 +11,40 @@
         <div class="operation-box shadow">
             <div class="operation-item flexacenter">
                 <div class="operation-left flexacenter">
-                    <image class="operation-icom" mode="widthFix" src="../../../img/u62.png"></image>消息
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/information.png">消息
                 </div>
                 <div class="operation-right flexacenter">
-                    <div class="operation-data flexcenter">{{ count.collect }}</div>
-                    <image class="operation-right-icom" mode="widthFix" src="../../../img/u60.svg"></image>
-                </div>
-            </div>
-
-            <div class="operation-item flexacenter" v-for="(item, index) in list" :key="index">
-                <div class="operation-left flexacenter">
-                    <image class="operation-icom" mode="widthFix" :src="item.icon"></image>{{ item.name }}
-                </div>
-                <div class="operation-right flexacenter">
-                    <div class="operation-data flexcenter">{{ count.creation }}</div>
-                    <image class="operation-right-icom" mode="widthFix" src="../../../img/u60.svg"></image>
+                    <!-- <div class="operation-data flexcenter">{{ count.collect }}</div> -->
+                    <div class="unread-info flexcenter">{{ 1 }}</div>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
                 </div>
             </div>
 
             <div class="operation-item flexacenter">
                 <div class="operation-left flexacenter">
-                    <image class="operation-icom" mode="widthFix" src="../../../img/u44.png"></image>收藏
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/collect.png">收藏
                 </div>
                 <div class="operation-right flexacenter">
                     <div class="operation-data flexcenter">{{ count.creation }}</div>
-                    <image class="operation-right-icom" mode="widthFix" src="../../../img/u60.svg"></image>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
                 </div>
             </div>
             <div class="operation-item flexacenter">
                 <div class="operation-left flexacenter">
-                    <image class="operation-icom" mode="widthFix" src="../../../img/u50.png"></image>发帖
+                    <img class="operation-icom" src="@/assets/img/user/postmessage.png" />发帖
                 </div>
                 <div class="operation-right flexacenter">
                     <div class="operation-data flexcenter">{{ count.likearticle }}</div>
-                    <image class="operation-right-icom" mode="widthFix" src="../../../img/u60.svg"></image>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
                 </div>
             </div>
             <div class="operation-item flexacenter">
                 <div class="operation-left flexacenter">
-                    <image class="operation-icom" mode="widthFix" src="../../../img/u56.png"></image>回帖
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/replymessage.png" />回帖
                 </div>
                 <div class="operation-right flexacenter">
                     <div class="operation-data flexcenter">{{ count.comment }}</div>
-                    <image class="operation-right-icom" mode="widthFix" src="../../../img/u60.svg"></image>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
                 </div>
             </div>
         </div>
@@ -77,13 +68,7 @@ export default {
                 likearticle: 10,
                 comment: 10,
             },
-            list: [{
-                icon: "@/assets/img/user/collect.png",
-                name: "收藏",
-                key: "collect",
-            }, {
-                name: "发帖"
-            }]
+
         };
     },
 
@@ -170,6 +155,19 @@ export default {
                 box-sizing: border-box;
             }
 
+            .unread-info {
+                background: rgba(253, 63, 93, 1);
+                // width: .42rem;
+                height: .42rem;
+                border-radius: .64rem;
+                color: #fff;
+                font-size: .28rem;
+                text-align: center;
+
+                padding: 0 0.1rem;
+                box-sizing: border-box;
+            }
+
             .operation-right-icom {
                 width: .12rem;
                 height: .22rem;