a1300399510@qq.com 提交于 2023/03/30 -14:20:01
This commit is contained in:
parent
32589c715f
commit
4dd5b7cac1
BIN
src/assets/img/user/collect.png
Executable file
BIN
src/assets/img/user/collect.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
src/assets/img/user/information.png
Executable file
BIN
src/assets/img/user/information.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1011 B |
BIN
src/assets/img/user/postmessage.png
Executable file
BIN
src/assets/img/user/postmessage.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/assets/img/user/replymessage.png
Executable file
BIN
src/assets/img/user/replymessage.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 968 B |
6
src/icons/svg/arrowsLeft.svg
Executable file
6
src/icons/svg/arrowsLeft.svg
Executable file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6px" height="11px" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g transform="matrix(1 0 0 1 -509 -983 )">
|
||||||
|
<path d="M 5.89690721649484 5.24649298597194 C 5.96563573883162 5.31997327989312 6 5.40447561790247 6 5.5 C 6 5.59552438209753 5.96563573883162 5.68002672010688 5.89690721649484 5.75350701402806 L 1.09278350515464 10.8897795591182 C 1.02405498281787 10.9632598530394 0.945017182130584 11 0.855670103092783 11 C 0.766323024054983 11 0.687285223367698 10.9632598530394 0.618556701030928 10.8897795591182 L 0.103092783505155 10.3386773547094 C 0.0343642611683849 10.2651970607882 0 10.1806947227789 0 10.0851703406814 C 0 9.98964595858383 0.0343642611683849 9.90514362057448 0.103092783505155 9.83166332665331 L 4.15463917525773 5.5 L 0.103092783505155 1.16833667334669 C 0.0343642611683849 1.09485637942552 0 1.01035404141617 0 0.914829659318638 C 0 0.819305277221107 0.0343642611683849 0.734802939211756 0.103092783505155 0.661322645290581 L 0.618556701030928 0.110220440881764 C 0.687285223367698 0.0367401469605875 0.766323024054983 0 0.855670103092783 0 C 0.945017182130584 0 1.02405498281787 0.0367401469605875 1.09278350515464 0.110220440881764 L 5.89690721649484 5.24649298597194 Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" transform="matrix(1 0 0 1 509 983 )" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
@ -1,7 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="header flexcenter flexcolumn">
|
<div class="header flexcenter flexcolumn">
|
||||||
|
|
||||||
<div class="portrait flexcenter shadow">
|
<div class="portrait flexcenter shadow">
|
||||||
<img class="portrait-icom" :src="info.avatar" />
|
<img class="portrait-icom" :src="info.avatar" />
|
||||||
</div>
|
</div>
|
||||||
@ -9,6 +8,56 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<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>消息
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="operation-item flexacenter">
|
||||||
|
<div class="operation-left flexacenter">
|
||||||
|
<image class="operation-icom" mode="widthFix" src="../../../img/u44.png"></image>收藏
|
||||||
|
</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 class="operation-item flexacenter">
|
||||||
|
<div class="operation-left flexacenter">
|
||||||
|
<image class="operation-icom" mode="widthFix" src="../../../img/u50.png"></image>发帖
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="operation-item flexacenter">
|
||||||
|
<div class="operation-left flexacenter">
|
||||||
|
<image class="operation-icom" mode="widthFix" src="../../../img/u56.png"></image>回帖
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -21,7 +70,20 @@ export default {
|
|||||||
info: {
|
info: {
|
||||||
avatar: "https://oss.gter.net/avatar/97KwEWANd_4DHWiY6VbnSUFSCKroYWFjYQ~~/middle",
|
avatar: "https://oss.gter.net/avatar/97KwEWANd_4DHWiY6VbnSUFSCKroYWFjYQ~~/middle",
|
||||||
nickname: "Ada.Wu"
|
nickname: "Ada.Wu"
|
||||||
}
|
},
|
||||||
|
count: {
|
||||||
|
collect: 10,
|
||||||
|
creation: 10,
|
||||||
|
likearticle: 10,
|
||||||
|
comment: 10,
|
||||||
|
},
|
||||||
|
list: [{
|
||||||
|
icon: "@/assets/img/user/collect.png",
|
||||||
|
name: "收藏",
|
||||||
|
key: "collect",
|
||||||
|
}, {
|
||||||
|
name: "发帖"
|
||||||
|
}]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -69,5 +131,67 @@ export default {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.operation-box {
|
||||||
|
background-color: #fff;
|
||||||
|
margin: 0 .2933rem .4rem;
|
||||||
|
border-radius: .4rem;
|
||||||
|
-webkit-box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);
|
||||||
|
box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);
|
||||||
|
|
||||||
|
.operation-item {
|
||||||
|
height: 1.8rem;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 .4rem;
|
||||||
|
|
||||||
|
&:not(:first-of-type) {
|
||||||
|
border-top: .0133rem dotted #d7d7d7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.operation-left {
|
||||||
|
color: #333333;
|
||||||
|
font-size: .36rem;
|
||||||
|
line-height: .6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.operation-icom {
|
||||||
|
width: .48rem;
|
||||||
|
height: .48rem;
|
||||||
|
margin-right: .32rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.operation-data {
|
||||||
|
background-color: rgba(246, 246, 246, 1);
|
||||||
|
border-radius: .64rem;
|
||||||
|
font-size: .28rem;
|
||||||
|
color: #555555;
|
||||||
|
min-width: .9rem;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0 .2rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.operation-right-icom {
|
||||||
|
width: .12rem;
|
||||||
|
height: .22rem;
|
||||||
|
margin-left: .2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.operation-uid {
|
||||||
|
border: .0133rem solid rgba(235, 235, 235, 1);
|
||||||
|
height: .56rem;
|
||||||
|
border-radius: .16rem;
|
||||||
|
color: #000;
|
||||||
|
font-size: .3rem;
|
||||||
|
padding: 0 .2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.operation-uid-value {
|
||||||
|
font-weight: 650;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user