超出隐藏
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user