|
@ -5,9 +5,93 @@ |
|
|
@click="focusCpt"> |
|
|
@click="focusCpt"> |
|
|
|
|
|
|
|
|
<!-- 积分银行-积分排行组件 --> |
|
|
<!-- 积分银行-积分排行组件 --> |
|
|
<div class="score_rank" |
|
|
<div v-if="item.componentFrontId==='resi-functionList-score-rank'"> |
|
|
v-if="item.componentFrontId==='resi-functionList-score-rank'"> |
|
|
|
|
|
<div class="score_rank_content"> |
|
|
<div class="score_news"> |
|
|
|
|
|
<div class="cpt-title"> |
|
|
|
|
|
|
|
|
|
|
|
<div v-if="item.configuration.title" |
|
|
|
|
|
class="cpt-title-t">{{item.configuration.title}}</div> |
|
|
|
|
|
<div v-else |
|
|
|
|
|
class="cpt-title-t">积分排行</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<div class="card"> |
|
|
|
|
|
<div class="title"> |
|
|
|
|
|
<img class="avatar" |
|
|
|
|
|
src="../../assets/img/modules/wx-mini/index-set/page/girl.jpg" |
|
|
|
|
|
mode="aspectFill"> |
|
|
|
|
|
<div class="name">{{item.demoData.info1.title1}}</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="ranks"> |
|
|
|
|
|
<div class="rank"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="rank-field">网格排名</div> |
|
|
|
|
|
<div class="rank-value value_color_1"><span>{{item.demoData.info1.no1}}</span></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="rank"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="rank-field">总排名</div> |
|
|
|
|
|
<div class="rank-value value_color_2"><span>{{item.demoData.info1.no2}}</span></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="line"></div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="card"> |
|
|
|
|
|
<div class="title"> |
|
|
|
|
|
<img class="avatar2" |
|
|
|
|
|
src="../../assets/img/modules/wx-mini/index-set/page/girl.jpg" |
|
|
|
|
|
mode="aspectFill"> |
|
|
|
|
|
<div class="name">{{item.demoData.info2.title1}}</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="ranks"> |
|
|
|
|
|
<div class="rank"> |
|
|
|
|
|
<div class="rank-field">社区排名</div> |
|
|
|
|
|
<div class="rank-value value_color_1"><span>{{item.demoData.info2.no1}}</span></div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="rank"> |
|
|
|
|
|
<div class="rank-field">总排名</div> |
|
|
|
|
|
<div class="rank-value value_color_2"><span>{{item.demoData.info2.no2}}</span></div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="score_list"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="item" |
|
|
|
|
|
:key="subindex" |
|
|
|
|
|
v-for="(subitem,subindex) in item.demoData.list"> |
|
|
|
|
|
<div class="logo"> |
|
|
|
|
|
<img v-if="subindex===0" |
|
|
|
|
|
src="../../assets/img/modules/wx-mini/index-set/rank1.png" |
|
|
|
|
|
mode="aspectFill"> |
|
|
|
|
|
<img v-else-if="subindex===1" |
|
|
|
|
|
src="../../assets/img/modules/wx-mini/index-set/rank2.png" |
|
|
|
|
|
mode="aspectFill"> |
|
|
|
|
|
<img v-else-if="subindex===2" |
|
|
|
|
|
src="../../assets/img/modules/wx-mini/index-set/rank3.png" |
|
|
|
|
|
mode="aspectFill"> |
|
|
|
|
|
<span v-else>{{ subindex+1 }}</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="avatar"> |
|
|
|
|
|
<img src="../../assets/img/modules/wx-mini/index-set/page/good.jpg" |
|
|
|
|
|
mode="aspectFill"> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="name">{{ subitem.name }}</div> |
|
|
|
|
|
<div class="score">{{ subitem.score }}</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <div class="score_rank_content"> |
|
|
<div v-if="item.configuration.title" |
|
|
<div v-if="item.configuration.title" |
|
|
class="title">{{item.configuration.title}}</div> |
|
|
class="title">{{item.configuration.title}}</div> |
|
|
<div v-else |
|
|
<div v-else |
|
@ -26,7 +110,7 @@ |
|
|
<div>当月积分</div> |
|
|
<div>当月积分</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!--更多排名--> |
|
|
|
|
|
<div class="score_list score_no_border"> |
|
|
<div class="score_list score_no_border"> |
|
|
<div class="item" |
|
|
<div class="item" |
|
|
:key="subindex" |
|
|
:key="subindex" |
|
@ -67,7 +151,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> --> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- 积分银行-积分排行2 --> |
|
|
<!-- 积分银行-积分排行2 --> |
|
|