|
|
|
@ -342,7 +342,119 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 积分银行积分排行组件 --> |
|
|
|
<div class="mw-cpt-party" |
|
|
|
v-else-if="item.componentFrontId==='resi-functionList-top-party'"> |
|
|
|
<div class="d-cpt-wrap"> |
|
|
|
<div class="d-cpt-title">党员积分排行榜</div> |
|
|
|
<div class="m-box"> |
|
|
|
<div class="rank_title"> |
|
|
|
<p class="rank_title_left">身边党员</p> |
|
|
|
<div class="red_line"></div> |
|
|
|
<p class="rank_title_right">社区党员</p> |
|
|
|
</div> |
|
|
|
<div class="rank_img_score"> |
|
|
|
<div class="list"><!--:key,列表循环的唯一标识符 --> |
|
|
|
<div class="item" |
|
|
|
:key="subindex" |
|
|
|
v-for="(subitem, subindex) in item.demoData.list"> |
|
|
|
<div class="d-group-logo"> |
|
|
|
<div v-if="subindex === 0" |
|
|
|
class="logo1" ></div> |
|
|
|
<div v-else-if="subindex === 1" |
|
|
|
class="logo2"></div> |
|
|
|
<div v-else-if="subindex === 2" |
|
|
|
class="logo3"></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="d-group-rank"> |
|
|
|
<span v-if="subindex===0" class="rank_1">2</span> |
|
|
|
<span v-if="subindex===1" class="rank_2">1</span> |
|
|
|
<span v-if="subindex===2" class="rank_3">3</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="d-group-imgback"> |
|
|
|
<div v-if="subindex === 0" |
|
|
|
class="back_1" ></div> |
|
|
|
<div v-else-if="subindex === 1" |
|
|
|
class="back_2"></div> |
|
|
|
<div v-else-if="subindex === 2" |
|
|
|
class="back_3"></div> |
|
|
|
</div> |
|
|
|
<div class="d-group-img"> |
|
|
|
<img v-if="subindex === 0" |
|
|
|
class="img1" |
|
|
|
src="../../assets/img/modules/wx-mini/index-set/page/girl.jpg"> |
|
|
|
<img v-if="subindex === 1" |
|
|
|
class="img2" |
|
|
|
src="../../assets/img/modules/wx-mini/index-set/page/duck.jpg"> |
|
|
|
<img v-if="subindex === 2" |
|
|
|
class="img3" |
|
|
|
src="../../assets/img/modules/wx-mini/index-set/page/girl.jpg"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="d-group-score"> |
|
|
|
<span v-if="subindex===0" class="score_1">776</span> |
|
|
|
<span v-if="subindex===1" class="score_2">886</span> |
|
|
|
<span v-if="subindex===2" class="score_3">996</span> |
|
|
|
</div> |
|
|
|
<div class="d-group-name"> |
|
|
|
<span v-if="subindex===0" class="name_1">某某</span> |
|
|
|
<span v-if="subindex===1" class="name_2">某某</span> |
|
|
|
<span v-if="subindex===2" class="name_3">某某</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="list-more"> |
|
|
|
<ul class="list1"> |
|
|
|
<li class="list_1">排名</li> |
|
|
|
<li class="list_1">头像</li> |
|
|
|
<li class="list_1">姓名</li> |
|
|
|
<li class="list_2">当月积分</li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
<ul class="list2"> |
|
|
|
<li class="list_1">4</li> |
|
|
|
<li class="list_1">5</li> |
|
|
|
<li class="list_1">6</li> |
|
|
|
<li class="list_2">7</li> |
|
|
|
<li class="list_2">8</li> |
|
|
|
</ul> |
|
|
|
<div class="list3"> |
|
|
|
<img src="../../assets/img/modules/wx-mini/index-set/page/good.jpg" class="list3_img1"> |
|
|
|
<img src="../../assets/img/modules/wx-mini/index-set/page/duck.jpg" class="list3_img1"> |
|
|
|
<img src="../../assets/img/modules/wx-mini/index-set/page/girl.jpg" class="list3_img1"> |
|
|
|
<img src="../../assets/img/modules/wx-mini/index-set/page/duck.jpg" class="list3_img1"> |
|
|
|
<img src="../../assets/img/modules/wx-mini/index-set/page/duck.jpg" class="list3_img1"> |
|
|
|
</div> |
|
|
|
<ul class="list4"> |
|
|
|
<li class="list_1">某某</li> |
|
|
|
<li class="list_1">某某某</li> |
|
|
|
<li class="list_1">某某</li> |
|
|
|
<li class="list_2">某某某</li> |
|
|
|
<li class="list_2">某某某</li> |
|
|
|
</ul> |
|
|
|
<ul class="list5"> |
|
|
|
<li class="list_1">656</li> |
|
|
|
<li class="list_1">456</li> |
|
|
|
<li class="list_1">999</li> |
|
|
|
<li class="list_2">887</li> |
|
|
|
<li class="list_2">887</li> |
|
|
|
</ul> |
|
|
|
<div class="line"></div> |
|
|
|
<span class="list6">查看更多</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 占位组件 --> |
|
|
|
<div class="mw-cpt-placeholder" |
|
|
|
|