A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/03/30 -14:40:02

Browse Source
This commit is contained in:
XiaoMo 2023-03-30 14:40:14 +08:00
parent 4dd5b7cac1
commit 6dff091ae8
1 changed files with 24 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/user/UserIndex.vue
View File

@ -11,49 +11,40 @@
<div class="operation-box shadow"> <div class="operation-box shadow">
<div class="operation-item flexacenter"> <div class="operation-item flexacenter">
<div class="operation-left 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>
<div class="operation-right flexacenter"> <div class="operation-right flexacenter">
<div class="operation-data flexcenter">{{ count.collect }}</div> <!-- <div class="operation-data flexcenter">{{ count.collect }}</div> -->
<image class="operation-right-icom" mode="widthFix" src="../../../img/u60.svg"></image> <div class="unread-info flexcenter">{{ 1 }}</div>
</div> <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
</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> </div>
</div> </div>
<div class="operation-item flexacenter"> <div class="operation-item flexacenter">
<div class="operation-left 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>
<div class="operation-right flexacenter"> <div class="operation-right flexacenter">
<div class="operation-data flexcenter">{{ count.creation }}</div> <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> </div>
<div class="operation-item flexacenter"> <div class="operation-item flexacenter">
<div class="operation-left 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>
<div class="operation-right flexacenter"> <div class="operation-right flexacenter">
<div class="operation-data flexcenter">{{ count.likearticle }}</div> <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> </div>
<div class="operation-item flexacenter"> <div class="operation-item flexacenter">
<div class="operation-left 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>
<div class="operation-right flexacenter"> <div class="operation-right flexacenter">
<div class="operation-data flexcenter">{{ count.comment }}</div> <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> </div>
</div> </div>
@ -77,13 +68,7 @@ export default {
likearticle: 10, likearticle: 10,
comment: 10, comment: 10,
}, },
list: [{
icon: "@/assets/img/user/collect.png",
name: "收藏",
key: "collect",
}, {
name: "发帖"
}]
}; };
}, },
@ -170,6 +155,19 @@ export default {
box-sizing: border-box; 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 { .operation-right-icom {
width: .12rem; width: .12rem;
height: .22rem; height: .22rem;