diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue index dfe0916..bc1c9b0 100755 --- a/src/views/detail/detailIndex.vue +++ b/src/views/detail/detailIndex.vue @@ -23,11 +23,10 @@ <!-- 总结开始 --> <div class="card-item shadow" v-if="type == 5"> <div class="card-head flexacenter"> - <img class="card-head-icon" - src="https://axure-file.lanhuapp.com/md516b251fb-9cfa-46fc-a9b6-2a41a7b4dc37__3ad73406ff4bc8b138dafc6dcbf1a635.svg" /> + <img class="card-head-icon" :src="info.avatar" /> <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 class="card-head-name flexflex">{{ info.author }}</div> + <div class="card-head-time">{{ $formattedDate(info.dateline) }}</div> </div> <div class="card-head-fool">楼主</div> </div> @@ -35,18 +34,23 @@ <div class="summary-content-item" v-for="(item, index) in collegelist" :key="index"> <div class="summary-offer-head flexacenter"> <span class="summary-offer-head-title">Offer {{ index + 1 }}</span> - <a class="flexacenter" :href="info.url">详情<svg-icon icon-class="arrowsBlackLeft" + <a class="flexacenter" :href="item.url">详情<svg-icon icon-class="arrowsBlackLeft" class-name="summary-offer-head-icon"></svg-icon></a> </div> + <!-- {{ item }} --> <div class="summary-offer-box"> - <div class="summary-offer-item flexacenter"> - <div class="summary-offer-key flexacenter"> - 申请学校 + <template v-for="(it, i) in offerinfoKey"> + <div class="summary-offer-item flexacenter" :key="i" v-if="item[it.key]"> + <div class="summary-offer-key flexacenter"> + {{ it.name }} + </div> + <div class="summary-offer-value flexacenter"> + {{ item[it.key] }} + </div> </div> - <div class="summary-offer-value flexacenter"> - 韦仕敦大学 - </div> - </div> + + </template> + <div class="summary-offer-item flexacenter"> <div class="summary-offer-key flexacenter"> 学位 @@ -69,8 +73,8 @@ <div class="summary-content-item"> <div class="summary-offer-head flexacenter"> <span class="summary-offer-head-title">总结</span> - <span class="flexacenter">详情<svg-icon icon-class="arrowsBlackLeft" - class-name="summary-offer-head-icon"></svg-icon></span> + <a class="flexacenter" :href="info.url">详情<svg-icon icon-class="arrowsBlackLeft" + class-name="summary-offer-head-icon"></svg-icon></a> </div> <div class="summary-wenzi" v-html="info.message"></div> @@ -105,11 +109,6 @@ <div class="offer-content-value">{{ offerinfo[item.key] }}</div> </div> </template> - - <!-- <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> <a class="examine-btn flexcenter" :href="shareurl"> @@ -122,6 +121,23 @@ </div> <!-- offer结束 --> + <div class="card-item shadow"> + <div class="card-head flexacenter"> + <img class="card-head-icon" :src="info.avatar" /> + <div class="card-head-content flex1 flexflex"> + <div class="card-head-name flexflex">{{ info.author }}</div> + <div class="card-head-time">{{ $formattedDate(info.dateline) }}</div> + </div> + <div class="card-head-fool">楼主</div> + </div> + + <div class="card-content flex1" v-html="info.message"> + + </div> + </div> + + + <div class="card-item shadow" v-for="(item, index) in 7" :key="index"> <div class="card-head flexacenter"> <img class="card-head-icon" @@ -611,6 +627,7 @@ export default { font-size: .36rem; line-height: .6rem; padding: .5rem .32rem; + word-break: break-word; .quotation { width: 100%; @@ -761,7 +778,8 @@ export default { color: #333; padding: 0 .24rem; - span,a { + span, + a { font-size: .32rem; color: #333; }