|
|
@@ -72,87 +72,81 @@
|
|
|
<van-tabs :color="theme">
|
|
|
<van-tab :title="_sort[key]" v-for="(v, key) in rankList" :key="key">
|
|
|
<div class="SilkList">
|
|
|
- <van-cell-group inset>
|
|
|
- <van-row style="margin: 0 1em">
|
|
|
- <van-col span="7">
|
|
|
- <!-- 第二名 -->
|
|
|
- <br />
|
|
|
- <br />
|
|
|
- <img
|
|
|
- @click="() => select_act(v[1])"
|
|
|
- :src="v[1].cover"
|
|
|
- style="width: 100%"
|
|
|
- />
|
|
|
- <div class="van-ellipsis" style="text-align: center">
|
|
|
- {{ v[1].name }}
|
|
|
- </div>
|
|
|
- <div class="van-elipsis" style="text-align: center">
|
|
|
- {{ formmate(v[1].votes) }}票
|
|
|
- </div>
|
|
|
- </van-col>
|
|
|
- <van-col span="10">
|
|
|
- <!-- 第一名 -->
|
|
|
- <img
|
|
|
- @click="() => select_act(v[0])"
|
|
|
- :src="v[0].cover"
|
|
|
- style="width: 100%"
|
|
|
- />
|
|
|
- <div class="van-ellipsis" style="text-align: center">
|
|
|
- {{ v[0].name }}
|
|
|
- </div>
|
|
|
- <div class="van-elipsis" style="text-align: center">
|
|
|
- {{ formmate(v[0].votes) }}票
|
|
|
- </div>
|
|
|
- </van-col>
|
|
|
- <van-col span="7">
|
|
|
- <!-- 第三名 -->
|
|
|
- <br />
|
|
|
- <br />
|
|
|
- <img
|
|
|
- @click="() => select_act(v[2])"
|
|
|
- :src="v[2].cover"
|
|
|
- style="width: 100%"
|
|
|
- />
|
|
|
- <div class="van-ellipsis" style="text-align: center">
|
|
|
- {{ v[2].name }}
|
|
|
- </div>
|
|
|
- <div class="van-elipsis" style="text-align: center">
|
|
|
- {{ formmate(v[2].votes) }}票
|
|
|
- </div>
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
- <van-row>
|
|
|
- <van-col span="4" class="text" style="padding: 10px 0 0 0">
|
|
|
- 排名
|
|
|
- </van-col>
|
|
|
- <van-col span="14" class="text" style="padding: 10px 0 0 0">
|
|
|
- 名称
|
|
|
- </van-col>
|
|
|
- <van-col
|
|
|
- span="6"
|
|
|
- class="text"
|
|
|
- style="padding: 10px 0 0 0; text-align: right"
|
|
|
- >
|
|
|
- 投票量
|
|
|
- </van-col>
|
|
|
+ <div style="margin-right: 1em">
|
|
|
+ <div style="display: inline-block; width: 30%">
|
|
|
+ <!-- 第二名 -->
|
|
|
+ <img
|
|
|
+ @click="() => select_act(v[1])"
|
|
|
+ :src="v[1].cover"
|
|
|
+ class="sort_img"
|
|
|
+ />
|
|
|
+ <div class="van-ellipsis" style="text-align: center">
|
|
|
+ {{ v[1].name }}
|
|
|
+ </div>
|
|
|
+ <div class="van-elipsis" style="text-align: center">
|
|
|
+ {{ formmate(v[1].votes) }}票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: inline-block; width: 40%">
|
|
|
+ <!-- 第一名 -->
|
|
|
+ <img
|
|
|
+ @click="() => select_act(v[0])"
|
|
|
+ :src="v[0].cover"
|
|
|
+ class="sort_img"
|
|
|
+ />
|
|
|
+ <div class="van-ellipsis" style="text-align: center">
|
|
|
+ {{ v[0].name }}
|
|
|
+ </div>
|
|
|
+ <div class="van-elipsis" style="text-align: center">
|
|
|
+ {{ formmate(v[0].votes) }}票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: inline-block; width: 30%">
|
|
|
+ <!-- 第三名 -->
|
|
|
+ <img
|
|
|
+ @click="() => select_act(v[2])"
|
|
|
+ :src="v[2].cover"
|
|
|
+ class="sort_img"
|
|
|
+ />
|
|
|
+ <div class="van-ellipsis" style="text-align: center">
|
|
|
+ {{ v[2].name }}
|
|
|
+ </div>
|
|
|
+ <div class="van-elipsis" style="text-align: center">
|
|
|
+ {{ formmate(v[2].votes) }}票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <van-row>
|
|
|
+ <van-col span="4" class="text" style="padding: 10px 0 0 0">
|
|
|
+ 排名
|
|
|
+ </van-col>
|
|
|
+ <van-col span="14" class="text" style="padding: 10px 0 0 0">
|
|
|
+ 名称
|
|
|
+ </van-col>
|
|
|
+ <van-col
|
|
|
+ span="6"
|
|
|
+ class="text"
|
|
|
+ style="padding: 10px 0 0 0; text-align: right"
|
|
|
+ >
|
|
|
+ 投票量
|
|
|
+ </van-col>
|
|
|
+ </van-row>
|
|
|
+ <van-divider />
|
|
|
+ <template v-for="(item, i) in v" :key="item.id + 'team'">
|
|
|
+ <van-row v-if="i > 2">
|
|
|
+ <van-col span="4" class="text"> {{ i + 1 }} </van-col>
|
|
|
+ <van-col span="14"
|
|
|
+ ><p class="text van-ellipsis--l2" v-text="item.name"></p
|
|
|
+ ></van-col>
|
|
|
+ <van-col span="6"
|
|
|
+ ><p
|
|
|
+ class="text"
|
|
|
+ style="text-align: right"
|
|
|
+ v-text="formmate(item.votes)"
|
|
|
+ ></p
|
|
|
+ ></van-col>
|
|
|
</van-row>
|
|
|
- <van-divider />
|
|
|
- <template v-for="(item, i) in v" :key="item.id + 'team'">
|
|
|
- <van-row v-if="i > 2">
|
|
|
- <van-col span="4" class="text"> {{ i + 1 }} </van-col>
|
|
|
- <van-col span="14"
|
|
|
- ><p class="text van-ellipsis--l2" v-text="item.name"></p
|
|
|
- ></van-col>
|
|
|
- <van-col span="6"
|
|
|
- ><p
|
|
|
- class="text"
|
|
|
- style="text-align: right"
|
|
|
- v-text="formmate(item.votes)"
|
|
|
- ></p
|
|
|
- ></van-col>
|
|
|
- </van-row>
|
|
|
- </template>
|
|
|
- </van-cell-group>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
@@ -672,6 +666,12 @@ const close = () => {};
|
|
|
background-color: #e0f2fa;
|
|
|
min-height: 100vh;
|
|
|
|
|
|
+ .sort_img {
|
|
|
+ width: calc(100% - 0.8em);
|
|
|
+ margin: 0 -5% 0 auto;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
.loading_position {
|
|
|
position: fixed;
|
|
|
top: 50%;
|
|
|
@@ -708,6 +708,7 @@ const close = () => {};
|
|
|
.SilkList {
|
|
|
height: calc(50vh - 60px);
|
|
|
overflow-y: auto;
|
|
|
+ padding: 1em;
|
|
|
}
|
|
|
.btn {
|
|
|
text-align: center;
|
liyongli