超出隐藏

This commit is contained in:
shijingjing
2023-04-06 15:30:23 +08:00
parent 72b2edc0d4
commit ac119bc734
2 changed files with 18 additions and 12 deletions

View File

@@ -41,7 +41,9 @@
<div class="list" v-if="list.length"> <div class="list" v-if="list.length">
<div class="card" v-for="(item,index) in list" :key="index"> <div class="card" v-for="(item,index) in list" :key="index">
<div class="top"> <div class="top">
<div class="left" @click="toPages(`./pickDetail?id=${item.id}`)">{{ item.content }}</div> <div class="left" @click="toPages(`./pickDetail?id=${item.id}`)">
<p>{{ item.content }}</p>
</div>
<div class="right" @click="upCount(item.id,index)"> <div class="right" @click="upCount(item.id,index)">
<img :src="item.upStatus==0? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png':'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png'" alt=""> <img :src="item.upStatus==0? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png':'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png'" alt="">
<div> <div>
@@ -298,11 +300,13 @@ export default {
justify-content: space-between; justify-content: space-between;
.left { .left {
width: 562px; width: 562px;
overflow:hidden; p {
text-overflow: ellipsis; overflow:hidden;
display: -webkit-box; text-overflow: ellipsis;
-webkit-box-orient: vertical; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
} }
.right { .right {
width: 52px; width: 52px;

View File

@@ -3,7 +3,7 @@
<div class="list" v-for="(item,index) in list" :key="index"> <div class="list" v-for="(item,index) in list" :key="index">
<div class="top"> <div class="top">
<div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)"> <div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)">
{{ item.content }} <p>{{ item.content }}</p>
</div> </div>
<div class="right" @click="upCount(item.id, index)"> <div class="right" @click="upCount(item.id, index)">
<img :src="item.upStatus == 0 ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png'" alt=""> <img :src="item.upStatus == 0 ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png'" alt="">
@@ -114,11 +114,13 @@ export default {
justify-content: space-between; justify-content: space-between;
.left { .left {
width: 562px; width: 562px;
overflow:hidden; p {
text-overflow: ellipsis; overflow:hidden;
display: -webkit-box; text-overflow: ellipsis;
-webkit-box-orient: vertical; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
} }
.right { .right {
width: 52px; width: 52px;