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

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

Browse Source
This commit is contained in:
XiaoMo 2023-03-30 18:40:11 +08:00
parent 4377bb0900
commit 4e3bd8e39b
1 changed files with 72 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
src/views/detail/detailIndex.vue
View File

@ -20,17 +20,44 @@
<!-- --> <!-- -->
<div class="card flexflex"> <div class="card flexflex">
<div class="card-item shadow"> <div class="card-item shadow">
<div class="card-head"> <div class="card-head flexacenter">
<img class="card-head-icon" src="" /> <img class="card-head-icon"
<div class="card-head-content flexflex"> src="https://axure-file.lanhuapp.com/md516b251fb-9cfa-46fc-a9b6-2a41a7b4dc37__3ad73406ff4bc8b138dafc6dcbf1a635.svg" />
<div class="card-head-name">闫旭Mike</div> <div class="card-head-content flex1 flexflex">
<div class="card-head-name flexcenter">闫旭Mike <div class="landlord">楼主</div>
</div>
<div class="card-head-time">2022-7-6 14:56</div> <div class="card-head-time">2022-7-6 14:56</div>
</div> </div>
<div class="card-head-fool"></div> <div class="card-head-fool">1楼</div>
</div>
<div class="card-content">
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
</div> </div>
</div> </div>
</div> </div>
@ -147,15 +174,52 @@ export default {
background: #fff; background: #fff;
.card-head { .card-head {
padding: .48rem .32rem;
border-bottom: .0133rem solid #ebebeb;
.card-head-icon { .card-head-icon {
width: .96rem; width: .96rem;
height: .96rem; height: .96rem;
border-radius: 50%; border-radius: 50%;
margin-right: .28rem;
} }
.card-head-content {} .card-head-content {
flex-direction: column;
.card-head-name {
color: #333;
font-size: .32rem;
margin-bottom: .08rem;
.landlord {
color: rgb(127, 127, 127);
font-size: .26rem;
width: .64rem;
height: .44rem;
border: rgb(215, 215, 215);
background: rgb(240, 242, 245);
border-radius: .1rem;
}
}
.card-head-time {
color: rgb(127, 127, 127);
font-size: .28rem;
}
}
.card-head-fool {
color: rgb(127, 127, 127);
font-size: .32rem;
}
}
.card-content {
color: #333;
font-size: .36rem;
line-height: .6rem;
padding: .5rem .32rem;
} }
} }
} }