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

a1300399510@qq.com 提交于 2023/03/31 -17:00:01

Browse Source
This commit is contained in:
XiaoMo 2023-03-31 17:00:10 +08:00
parent ce5b8bcaa3
commit 55cc2ce56c
1 changed files with 76 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,6 +20,29 @@
<!-- --> <!-- -->
<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 class="landlord flexcenter">楼主
</div>
</div>
<div class="card-head-time">2022-7-6 14:56</div>
</div>
<div class="card-head-fool">楼主</div>
</div>
<div class="offer-content">
<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>
<div class="card-item shadow" v-for="(item, index) in 7" :key="index"> <div class="card-item shadow" v-for="(item, index) in 7" :key="index">
<div class="card-head flexacenter"> <div class="card-head flexacenter">
<img class="card-head-icon" <img class="card-head-icon"
@ -49,16 +72,27 @@
</div> </div>
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。 之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
<!-- 未解锁区域 --> <!-- 未解锁区域 -->
<div class="flexcenter content-unlock" v-if="index == 3 || index == 4"> <div class="flexcenter content-unlock content-unlock-no" v-if="index == 3 || index == 4">
<img class="unlock-icom" src="@/assets/img/detail/unlock.png"> <img class="unlock-icom" src="@/assets/img/detail/unlock.png">
{{ index == 3 ? '作者设置了回复可见' : '' }} {{ index == 3 ? '作者设置了回复可见' : '' }}
{{ index == 4 ? '作者设置了投币可见' : '' }} {{ index == 4 ? '作者设置了投币可见' : '' }}
</div> </div>
<!-- 已经解锁区域 --> <!-- 已经解锁区域 -->
<div class="content-unlock" v-if="index == 5 || index == 6"> <div class="content-unlock content-already" v-if="index == 5 || index == 6">
<div class="content-already-header flexflex"> <div class="content-already-header flexflex">
- 本内容投币可见 - - 本内容投币可见 -
</div> </div>
<div class="content-unlock-wenzi">
香港身份证件和IANG Visa label；
香港购买的保险和MPF的缴费账单；
电话账单和当时香港上台的合约文件；
</div>
</div> </div>
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。 之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
@ -439,16 +473,26 @@ export default {
} }
.content-unlock { .content-unlock {
min-height: 3.2rem; &.content-unlock-no {
background: rgba(242, 242, 242, 0.7); height: 3.2rem;
margin: .48rem 0;
.unlock-icom { .unlock-icom {
width: .64rem; width: .64rem;
height: .64rem; height: .64rem;
margin-right: 0.2rem; margin-right: 0.2rem;
} }
}
background: rgba(242, 242, 242, 0.7);
margin: .48rem 0;
color: #555555;
font-size: .32rem;
border-radius: .16rem;
&.content-already {
background: rgba(242, 242, 242, 0.7);
margin: .48rem 0;
padding: .32rem;
color: #555555; color: #555555;
font-size: .32rem; font-size: .32rem;
border-radius: .16rem; border-radius: .16rem;
@ -458,9 +502,28 @@ export default {
font-size: .28rem; font-size: .28rem;
justify-content: center; justify-content: center;
} }
.content-unlock-wenzi {
color: #333;
font-size: .36rem;
line-height: .6rem;
margin-top: .3rem;
}
} }
} }
}
.offer-content {
padding: .56rem .32rem;
.offer-content-item {}
}
} }
} }