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

a1300399510@qq.com 提交于 2023/03/31 -17:40:02

Browse Source
This commit is contained in:
XiaoMo 2023-03-31 17:40:11 +08:00
parent 485bd39a2a
commit fe891eeb65
1 changed files with 89 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,6 +20,36 @@
<!-- --> <!-- -->
<div class="card flexcenter"> <div class="card flexcenter">
<!-- 总结 -->
<div class="card-item shadow">
<div class="card-head flexacenter">
<img class="card-head-icon"
src="https://axure-file.lanhuapp.com/md516b251fb-9cfa-46fc-a9b6-2a41a7b4dc37__3ad73406ff4bc8b138dafc6dcbf1a635.svg" />
<div class="card-head-content flex1 flexflex">
<div class="card-head-name flexflex">闫旭Mike</div>
<div class="card-head-time">2022-7-6 14:56</div>
</div>
<div class="card-head-fool">楼主</div>
</div>
<div class="summary-content">
<div class="summary-content-item">
<div class="summary-offer-head flexacenter">
<span>Offer1</span>
</div>
</div>
<div class="examine-btn flexcenter">
查看当前捷报详情
<div class="examine-btn-outside flexcenter">
<svg-icon icon-class="arrowsBlackLeft" class-name="examine-btn-icon"></svg-icon>
</div>
</div>
</div>
</div>
<!-- offer -->
<div class="card-item shadow"> <div class="card-item shadow">
<div class="card-head flexacenter"> <div class="card-head flexacenter">
<img class="card-head-icon" <img class="card-head-icon"
@ -31,20 +61,21 @@
<div class="card-head-fool">楼主</div> <div class="card-head-fool">楼主</div>
</div> </div>
<div class="offer-content"> <div class="offer-content">
<div class="offer-content-item flexacenter" v-for="item in 7" :key="item"> <div class="offer-content-box">
<div class="offer-content-key">申请专业</div>
<div class="offer-content-value">韦仕敦大学</div>
</div>
<div class="examine-victory-btn flexcenter">
查看当前捷报详情
<div class="examine-victory-btn-outside flexcenter">
<svg-icon icon-class="arrowsBlackLeft" class-name="examine-victory-btn-icon"></svg-icon>
</div>
<div class="offer-content-item flexacenter" v-for="item in 7" :key="item">
<div class="offer-content-key">申请专业</div>
<div class="offer-content-value">韦仕敦大学</div>
</div>
</div>
<div class="examine-btn flexcenter">
查看当前捷报详情
<div class="examine-btn-outside flexcenter">
<svg-icon icon-class="arrowsBlackLeft" class-name="examine-btn-icon"></svg-icon>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -526,43 +557,62 @@ export default {
.offer-content { .offer-content {
padding: .56rem .32rem; padding: .56rem .32rem;
.offer-content-item { .offer-content-box {
line-height: .6rem;
.offer-content-key {
font-size: .32rem;
color: #7f7f7f;
width: 2.04rem;
} .offer-content-item {
line-height: .6rem;
.offer-content-value { &:not(:last-of-type) {
font-size: .36rem; margin-bottom: .52rem;
color: #333;
}
margin-bottom: .52rem;
}
.examine-victory-btn {
color: #333;
font-size: .3rem;
.examine-victory-btn-outside {
width: .4rem;
height: .4rem;
margin-left: .24rem;
background: #50e3c2;
.examine-victory-btn-icon {
width: .22rem;
height: .24rem;
} }
.offer-content-key {
font-size: .32rem;
color: #7f7f7f;
width: 2.04rem;
}
.offer-content-value {
font-size: .36rem;
color: #333;
}
}
}
}
.examine-btn {
color: #333;
font-size: .3rem;
background: rgba(242, 242, 242, 1);
height: .96rem;
border-radius: 4.1rem;
margin-top: .52rem;
.examine-btn-outside {
width: .4rem;
height: .4rem;
margin-left: .24rem;
background: #fddf6d;
border-radius: 50%;
.examine-btn-icon {
width: .22rem;
height: .24rem;
} }
} }
} }
.summary-content {
padding: .56rem .32rem;
}
} }
} }