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-08-11 10:12:53 +08:00
parent efc13f3ef7
commit 34f318d3f8
4 changed files with 496 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/project/wuxi/AppCircle/AppCircle.vue
View File

@@ -8,8 +8,8 @@
<span @click="changeTab(1)" :class="{active:currIndex === 1}">社区</span>
</div>
<div class="right" @click="$linkTo('./MyPostList')" hover-class="text-hover">
<span>我的贴子</span>
<i v-if="total > 0">{{ total }}</i>
<span>我的贴子<img src="https://cdn.cunwuyun.cn/wechat/wuxi/circle-top-icon.png" alt=""></span>
<i></i>
</div>
</div>
</div>
@@ -37,30 +37,31 @@
<image :src="item.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'"/>
<div class="right">
<h3>{{ item.createUserName }}</h3>
<span v-if="item.publishDepartName">{{ item.publishDepartName }}</span>
<!-- <span v-if="item.publishDepartName">{{ item.publishDepartName }}</span> -->
<span>{{ item.createTime }}</span>
</div>
</div>
<div class="item-content">
<span hover-stop-propagation v-if="item.topicName"
@click.stop="$linkTo('./TopicDetail?themeId=' + item.themeId + '&name=' + item.topicName)">#【{{ item.topicName }}】</span>
@click.stop="$linkTo('./TopicDetail?themeId=' + item.themeId + '&name=' + item.topicName)">#{{ item.topicName }}</span>
<text>{{ item.content }}</text>
</div>
<div class="item-imgs" v-if="item.files.length">
<image mode="aspectFill" @click.stop="previewImage(e.url, item.files)" v-for="(e, i) in item.files" :key="i" :src="e.url"/>
</div>
<p>{{ item.createTime }}</p>
<p v-if="item.publishDepartName">{{ item.publishDepartName }}</p>
<div class="item-bottom">
<button hover-stop-propagation @click.stop="onBtnClick" open-type="share" :data-content="item.content" :data-themeid="item.themeId" :data-id="item.id"
:data-name="item.topicName">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png"/>
<image src="https://cdn.cunwuyun.cn/wechat/wuxi/circle-zf-icon.png"/>
<i>{{ item.sharedCount }}</i>
</button>
<div hover-stop-propagation @click.stop="reciate(item.id, item.appreciateStatus)">
<image :src="item.appreciateStatus ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png'"/>
<image :src="item.appreciateStatus ? 'https://cdn.cunwuyun.cn/wechat/wuxi/circle-dz-icon.png' : 'https://cdn.cunwuyun.cn/wechat/wuxi/circle-dz-select-icon.png'"/>
<i>{{ item.appreciateCount }}</i>
</div>
<div>
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-pinglun.png"/>
<image src="https://cdn.cunwuyun.cn/wechat/wuxi/circle-pl-icon.png"/>
<i>{{ item.commentCount }}</i>
</div>
</div>
@@ -68,7 +69,7 @@
<AiEmpty v-if="!list.length"/>
</div>
<div class="add" hover-class="text-hover" @click="toAdd">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-fatie.png" mode="aspectFill" />
<image src="https://cdn.cunwuyun.cn/wechat/wuxi/circle-add.png" mode="aspectFill" />
</div>
<AiLogin ref="login"/>
</div>
@@ -405,8 +406,10 @@
& > p {
margin: 12px 0;
font-size: 28px;
color: #333333;
font-family: PingFangSC-Regular;
font-size: 26px;
color: #999;
line-height: 36px;
}
.item-bottom {
@@ -480,7 +483,7 @@
position: relative;
height: 100px;
line-height: 100px;
color: #fff;
color: #222;
font-size: 30px;
&:first-child {
@@ -496,9 +499,9 @@
bottom: 12px;
left: 50%;
width: 40px;
height: 6px;
border-radius: 3px;
background: #fff;
height: 8px;
background: #026AF2;
border-radius: 4px;
transform: translateX(-50%);
content: ' ';
}
@@ -514,28 +517,39 @@
top: -6px;
right: 0;
z-index: 11;
height: 24px;
line-height: 24px;
padding: 0 10px;
font-size: 16px;
color: #4181FF;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #4181FF;
background: #fff;
box-sizing: border-box;
transform: translateX(50%);
background: #FF4747;
// height: 24px;
// line-height: 24px;
// padding: 0 10px;
// font-size: 16px;
// color: #4181FF;
// border-radius: 50%;
// border: 2px solid #4181FF;
// background: #fff;
// box-sizing: border-box;
// transform: translateX(50%);
}
span {
display: block;
width: 120px;
height: 60px;
line-height: 60px;
text-align: center;
color: #fff;
font-family: PingFangSC-Regular;
font-size: 24px;
border-radius: 10px;
border: 1px solid #fff;
color: #333;
line-height: 54px;
text-align: center;
width: 164px;
height: 56px;
border: 1px solid #8A929F;
border-radius: 28px;
img {
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
}
}
}
}