kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

精选动态

Browse Source
This commit is contained in:
liuye
2023-04-24 10:50:12 +08:00
parent 037c6347e3
commit edc50dccb8
2 changed files with 36 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/project/fengdu/AppNewFarmerBank/AppNewFarmerBank.vue
View File

@@ -48,17 +48,19 @@
</div> </div>
<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="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="top">
<div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)"> <div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)">
<p>{{ item.content }}</p> <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="">
<div>
<span>{{ item.upCount || 0 }}</span><span v-if="item.upCount > 99">+</span> <span>{{ item.upCount || 0 }}</span><span v-if="item.upCount > 99">+</span>
</div> </div>
</div> </div>
</div>
<div class="imgs" v-if="item.images.length"> <div class="imgs" v-if="item.images.length">
<image v-for="(img, i) in item.images" :key="i" class="banner" :src="img.url"/> <image v-for="(img, i) in item.images" :key="i" class="banner" :src="img.url"/>
</div> </div>
@@ -305,11 +307,21 @@ export default {
box-sizing: border-box; box-sizing: border-box;
background: #FFF; background: #FFF;
border-radius: 12px; border-radius: 12px;
.title-info {
line-height: 44px;
font-size: 28px;
color: #333;
margin-bottom: 8px;
span {
color: #666;
}
}
.top { .top {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 16px;
.left { .left {
width: 562px; width: calc(100% - 100px);
p { p {
overflow:hidden; overflow:hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -319,11 +331,12 @@ export default {
} }
} }
.right { .right {
width: 52px; width: 100px;
text-align: center; text-align: center;
img { img {
width: 40px; width: 40px;
height: 40px; height: 40px;
vertical-align: bottom;
} }
span { span {
font-size: 28px; font-size: 28px;

21
src/project/fengdu/AppNewFarmerBank/handpick.vue
View File

@@ -1,17 +1,19 @@
<template> <template>
<div class="handpick"> <div class="handpick">
<div class="list" v-for="(item,index) in list" :key="index"> <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="top">
<div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)"> <div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)">
<p>{{ item.content }}</p> <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="">
<div>
<span>{{ item.upCount || 0 }}</span><span v-if="item.upCount > 99">+</span> <span>{{ item.upCount || 0 }}</span><span v-if="item.upCount > 99">+</span>
</div> </div>
</div> </div>
</div>
<div class="imgs" v-if="item.images.length" @click="$linkTo(`./pickDetail?id=${item.id}`)"> <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"/> <image v-for="(img, i) in item.images" :key="i" class="banner" :src="img.url"/>
</div> </div>
@@ -111,11 +113,21 @@ export default {
background: #FFF; background: #FFF;
border-radius: 12px; border-radius: 12px;
margin-bottom: 24px; margin-bottom: 24px;
.title {
line-height: 44px;
font-size: 28px;
color: #333;
margin-bottom: 8px;
span {
color: #666;
}
}
.top { .top {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 16px;
.left { .left {
width: 562px; width: calc(100% - 100px);
p { p {
overflow:hidden; overflow:hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -125,11 +137,12 @@ export default {
} }
} }
.right { .right {
width: 52px; width: 100px;
text-align: center; text-align: center;
img { img {
width: 40px; width: 40px;
height: 40px; height: 40px;
vertical-align: bottom;
} }
span { span {
font-size: 28px; font-size: 28px;