Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
872eae93 1 parent aeb4308d

✨ feat: 幼儿园显示高度暂时统一，以后有长名字高度显示问题再处理

Inline Side-by-side
Showing 1 changed file with 17 additions and 7 deletions
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-05-30 10:20:34 3 * @Date: 2022-05-30 10:20:34
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-02 16:34:53 5 + * @LastEditTime: 2022-06-07 14:50:28
6 * @FilePath: /tswj/src/components/RankingList/index.vue 6 * @FilePath: /tswj/src/components/RankingList/index.vue
7 --> 7 -->
8 <template> 8 <template>
...@@ -16,16 +16,22 @@ ...@@ -16,16 +16,22 @@
16 </div> 16 </div>
17 <div v-else class="text">{{ indexKey + 1 }}</div> 17 <div v-else class="text">{{ indexKey + 1 }}</div>
18 </van-col> 18 </van-col>
19 - <van-col span="18" style="padding: 1rem 0.5rem 1rem 0;"> 19 + <!-- FIXME: 高度先统一，以后有问题再说 -->
20 - <div :class="[rankInfo.multi_name ? 'height6rem' : 'height3rem', 'kg-name']" @click="go('/client/chooseBook', { kg_id: rankInfo.id })"> 20 + <!-- <van-col span="18" :class="{ 'content-wrapper': !rankInfo.multi_name }"> -->
21 + <van-col span="18" class="content-wrapper">
22 + <!-- <div :class="[rankInfo.multi_name ? 'height6rem' : 'height3rem', 'kg-name']" -->
23 + <div :class="[rankInfo.multi_name ? 'height3rem' : 'height3rem', 'kg-name']"
24 + @click="go('/client/chooseBook', { kg_id: rankInfo.id })">
21 <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);"> 25 <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);">
22 <van-col span="4"> 26 <van-col span="4">
23 - <van-image round width="3rem" height="3rem" :src="rankInfo.logo ? rankInfo.logo : icon_logo" style="vertical-align: text-bottom;" /> 27 + <van-image round width="3rem" height="3rem" :src="rankInfo.logo ? rankInfo.logo : icon_logo"
28 + style="vertical-align: text-bottom;" />
24 </van-col> 29 </van-col>
25 <van-col span="20"> 30 <van-col span="20">
26 <div v-if="rankInfo.multi_name" style="margin-left: 0.5rem;"> 31 <div v-if="rankInfo.multi_name" style="margin-left: 0.5rem;">
27 - <p style="line-height: 2;">{{ rankInfo.multi_name[0] }}</p> 32 + <!-- <p style="line-height: 2;">{{ rankInfo.multi_name[0] }}</p>
28 - <p>{{ rankInfo.multi_name[1] }}</p> 33 + <p>{{ rankInfo.multi_name[1] }}</p> -->
34 + <p>{{ rankInfo.multi_name[0] }}<br />{{ rankInfo.multi_name[1] }}</p>
29 </div> 35 </div>
30 <p v-else style="margin-left: 0.5rem;"> 36 <p v-else style="margin-left: 0.5rem;">
31 {{ rankInfo.name }} 37 {{ rankInfo.name }}
...@@ -36,7 +42,8 @@ ...@@ -36,7 +42,8 @@
36 </van-col> 42 </van-col>
37 <van-col> 43 <van-col>
38 <div class="flower" @click="go('/client/donateList', { kg_id: rankInfo.id })"> 44 <div class="flower" @click="go('/client/donateList', { kg_id: rankInfo.id })">
39 - <van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" style="vertical-align: bottom;" />&nbsp;{{ rankInfo.qty }} 45 + <van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" style="vertical-align: bottom;" />&nbsp;{{
46 + rankInfo.qty }}
40 </div> 47 </div>
41 </van-col> 48 </van-col>
42 </van-row> 49 </van-row>
...@@ -101,6 +108,9 @@ if (rankInfo.value.name.indexOf(' ') > -1) { ...@@ -101,6 +108,9 @@ if (rankInfo.value.name.indexOf(' ') > -1) {
101 color: #84909F; 108 color: #84909F;
102 } 109 }
103 } 110 }
111 + .content-wrapper {
112 + padding: 1rem 0.5rem 1rem 0;
113 + }
104 .flower { 114 .flower {
105 text-align: center; 115 text-align: center;
106 position: absolute; 116 position: absolute;
......