精选动态
This commit is contained in:
@@ -48,17 +48,19 @@
|
||||
</div>
|
||||
<div class="list" v-if="list.length">
|
||||
<div class="card" v-for="(item,index) in list" :key="index">
|
||||
<div class="title-info">
|
||||
<p v-if="item.girdName"><span>社区网格:</span>{{item.girdName}}</p>
|
||||
<p v-if="item.title"><span>事件类型:</span>{{item.title}}</p>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)">
|
||||
<p>{{ item.content }}</p>
|
||||
</div>
|
||||
<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="">
|
||||
<div>
|
||||
<span>{{ item.upCount || 0 }}</span><span v-if="item.upCount > 99">+</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="imgs" v-if="item.images.length">
|
||||
<image v-for="(img, i) in item.images" :key="i" class="banner" :src="img.url"/>
|
||||
</div>
|
||||
@@ -305,11 +307,21 @@ export default {
|
||||
box-sizing: border-box;
|
||||
background: #FFF;
|
||||
border-radius: 12px;
|
||||
.title-info {
|
||||
line-height: 44px;
|
||||
font-size: 28px;
|
||||
color: #333;
|
||||
margin-bottom: 8px;
|
||||
span {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
.top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 16px;
|
||||
.left {
|
||||
width: 562px;
|
||||
width: calc(100% - 100px);
|
||||
p {
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
@@ -319,11 +331,12 @@ export default {
|
||||
}
|
||||
}
|
||||
.right {
|
||||
width: 52px;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
span {
|
||||
font-size: 28px;
|
||||
|
||||
@@ -1,17 +1,19 @@
|
||||
<template>
|
||||
<div class="handpick">
|
||||
<div class="list" v-for="(item,index) in list" :key="index">
|
||||
<div class="title">
|
||||
<p v-if="item.girdName"><span>社区网格:</span>{{item.girdName}}</p>
|
||||
<p v-if="item.title"><span>事件类型:</span>{{item.title}}</p>
|
||||
</div>
|
||||
<div class="top">
|
||||
<div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)">
|
||||
<p>{{ item.content }}</p>
|
||||
</div>
|
||||
<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="">
|
||||
<div>
|
||||
<span>{{ item.upCount || 0 }}</span><span v-if="item.upCount > 99">+</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="imgs" v-if="item.images.length" @click="$linkTo(`./pickDetail?id=${item.id}`)">
|
||||
<image v-for="(img, i) in item.images" :key="i" class="banner" :src="img.url"/>
|
||||
</div>
|
||||
@@ -111,11 +113,21 @@ export default {
|
||||
background: #FFF;
|
||||
border-radius: 12px;
|
||||
margin-bottom: 24px;
|
||||
.title {
|
||||
line-height: 44px;
|
||||
font-size: 28px;
|
||||
color: #333;
|
||||
margin-bottom: 8px;
|
||||
span {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
.top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 16px;
|
||||
.left {
|
||||
width: 562px;
|
||||
width: calc(100% - 100px);
|
||||
p {
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
@@ -125,11 +137,12 @@ export default {
|
||||
}
|
||||
}
|
||||
.right {
|
||||
width: 52px;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
span {
|
||||
font-size: 28px;
|
||||
|
||||
Reference in New Issue
Block a user