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
2024-03-11 14:50:39 +08:00
parent 2105225998
commit a7f282691f
2 changed files with 37 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/project/fengdu/AppCircle/Detail.vue
View File

@@ -1,11 +1,13 @@
<template>
<div class="Detail" v-if="pageShow">
<div class="top">
<div class="item-top">
<image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'"/>
<div class="right">
<h3>{{ info.createUserName }}</h3>
<span v-if="info.publishDepartName">{{ info.publishDepartName }}</span>
<div :class="info.themeInfo.title == '婚礼' ? 'top-pad marry-css' : 'top-pad'">
<div class="item-top">
<image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'"/>
<div class="right">
<h3>{{ info.createUserName }}</h3>
<span v-if="info.publishDepartName">{{ info.publishDepartName }}</span>
</div>
</div>
<image src="https://cdn.cunwuyun.cn/fengdu/marry-top.png" class="marry-top" v-if="name == '婚礼'" />
<div class="item-content">
@@ -30,14 +32,14 @@
<div class="label"><img src="https://cdn.cunwuyun.cn/fengdu/leave-icon.png" alt="">离场时间：</div>
<div class="value">{{ info.integralTaskInfo.exitBegintime }}至{{ info.integralTaskInfo.exitEndtime }}</div>
</div>
<div class="info-flex">
<div class="label"><img src="https://cdn.cunwuyun.cn/fengdu/time-icon.png" alt="">{{ info.integralTaskInfo.type == 1 ? '报名时间：' : '进场时间：' }}</div>
<div class="value">{{ info.integralTaskInfo.intoBegintime }}至{{ info.integralTaskInfo.intoEndtime }}</div>
</div>
</div>
<!-- <div class="item-imgs" v-if="info.files && info.files.length">
<image mode="aspectFill" @click="previewImage(item.url, info.files)" v-for="(item, index) in info.files" :key="index" :src="item.url" />
</div> -->
<div class="info-flex">
<div class="label"><img src="https://cdn.cunwuyun.cn/fengdu/time-icon.png" alt="">{{ info.integralTaskInfo.type == 1 ? '报名时间：' : '进场时间：' }}</div>
<div class="value">{{ info.integralTaskInfo.intoBegintime }}至{{ info.integralTaskInfo.intoEndtime }}</div>
</div>
<div class="time-flex">
<p>{{ info.createTime }}</p>
<image src="https://cdn.cunwuyun.cn/fengdu/marry-bottom.png" class="marry-bottom" v-if="name == '婚礼'" />
@@ -757,5 +759,28 @@ export default {
right: 32px;
}
}
.top-pad {
padding: 32px;
}
.marry-css {
background-image: linear-gradient(191deg, #FFE0E4 0%, #FFFFFF 89%);
position: relative;
.marry-top {
width: 216px;
height: 100px;
position: absolute;
top: 18px;
right: 12px;
}
.time-flex {
display: flex;
justify-content: space-between;
.marry-bottom {
width: 300px;
height: 40px;
margin-top: -4px;
}
}
}
}
</style>

6
src/project/wuxi/AppCircle/Detail.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="Detail" v-if="pageShow">
<div class="top">
<div :class="name == '婚礼' ? 'top-pad marry-css' : 'top-pad'">
<div :class="info.themeInfo.title == '婚礼' ? 'top-pad marry-css' : 'top-pad'">
<div class="item-top">
<image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'"/>
<div class="right">
@@ -12,7 +12,7 @@
@click="toTask">去参与
</div>
</div>
<image src="https://cdn.cunwuyun.cn/fengdu/marry-top.png" class="marry-top" v-if="name == '婚礼'" />
<image src="https://cdn.cunwuyun.cn/fengdu/marry-top.png" class="marry-top" v-if="info.themeInfo.title == '婚礼'" />
<div class="item-content">
<span v-if="name" @click="toTopic('./TopicDetail?themeId=' + themeId + '&name=' + name)">#【{{ name }}】</span>
<text v-if="info.integralTaskId">{{ info.integralTaskInfo.detail }}</text>
@@ -45,7 +45,7 @@
</div>
<div class="time-flex">
<p>{{ info.createTime }}</p>
<image src="https://cdn.cunwuyun.cn/fengdu/marry-bottom.png" class="marry-bottom" v-if="name == '婚礼'" />
<image src="https://cdn.cunwuyun.cn/fengdu/marry-bottom.png" class="marry-bottom" v-if="info.themeInfo.title == '婚礼'" />
</div>
</div>
<div class="item-bottom">