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 @@
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2022-05-30 10:20:34
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-06-02 16:34:53
* @LastEditTime: 2022-06-07 14:50:28
* @FilePath: /tswj/src/components/RankingList/index.vue
-->
<template>
......@@ -16,16 +16,22 @@
</div>
<div v-else class="text">{{ indexKey + 1 }}</div>
</van-col>
<van-col span="18" style="padding: 1rem 0.5rem 1rem 0;">
<div :class="[rankInfo.multi_name ? 'height6rem' : 'height3rem', 'kg-name']" @click="go('/client/chooseBook', { kg_id: rankInfo.id })">
<!-- FIXME: 高度先统一，以后有问题再说 -->
<!-- <van-col span="18" :class="{ 'content-wrapper': !rankInfo.multi_name }"> -->
<van-col span="18" class="content-wrapper">
<!-- <div :class="[rankInfo.multi_name ? 'height6rem' : 'height3rem', 'kg-name']" -->
<div :class="[rankInfo.multi_name ? 'height3rem' : 'height3rem', 'kg-name']"
@click="go('/client/chooseBook', { kg_id: rankInfo.id })">
<van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);">
<van-col span="4">
<van-image round width="3rem" height="3rem" :src="rankInfo.logo ? rankInfo.logo : icon_logo" style="vertical-align: text-bottom;" />
<van-image round width="3rem" height="3rem" :src="rankInfo.logo ? rankInfo.logo : icon_logo"
style="vertical-align: text-bottom;" />
</van-col>
<van-col span="20">
<div v-if="rankInfo.multi_name" style="margin-left: 0.5rem;">
<p style="line-height: 2;">{{ rankInfo.multi_name[0] }}</p>
<p>{{ rankInfo.multi_name[1] }}</p>
<!-- <p style="line-height: 2;">{{ rankInfo.multi_name[0] }}</p>
<p>{{ rankInfo.multi_name[1] }}</p> -->
<p>{{ rankInfo.multi_name[0] }}<br />{{ rankInfo.multi_name[1] }}</p>
</div>
<p v-else style="margin-left: 0.5rem;">
{{ rankInfo.name }}
......@@ -36,7 +42,8 @@
</van-col>
<van-col>
<div class="flower" @click="go('/client/donateList', { kg_id: rankInfo.id })">
<van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" style="vertical-align: bottom;" />&nbsp;{{ rankInfo.qty }}
<van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" style="vertical-align: bottom;" />&nbsp;{{
rankInfo.qty }}
</div>
</van-col>
</van-row>
......@@ -101,6 +108,9 @@ if (rankInfo.value.name.indexOf(' ') > -1) {
color: #84909F;
}
}
.content-wrapper {
padding: 1rem 0.5rem 1rem 0;
}
.flower {
text-align: center;
position: absolute;
......