Hooke / swx_weapp

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
06209ec7 1 parent 3d2508ee

✨ feat(活动显示组件): 报名按钮显示可配置，优化显示占位问题

Inline Side-by-side
Showing 3 changed files with 24 additions and 6 deletions
1 <!-- 1 <!--
2 * @Date: 2022-09-20 15:39:37 2 * @Date: 2022-09-20 15:39:37
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-11-14 14:42:15 4 + * @LastEditTime: 2022-11-15 10:46:48
5 * @FilePath: /swx/src/components/activity-card.vue 5 * @FilePath: /swx/src/components/activity-card.vue
6 * @Description: 活动卡片组件 6 * @Description: 活动卡片组件
7 --> 7 -->
...@@ -43,7 +43,16 @@ ...@@ -43,7 +43,16 @@
43 </view> 43 </view>
44 </van-col> 44 </van-col>
45 </van-row> 45 </van-row>
46 - <van-row> 46 + <van-row v-if="sign === 'none'">
47 + <van-col :span="24" offset="0">
48 + <view style="line-height: 2;">
49 + <text>浏览：{{ data.view_count }}</text>&nbsp;
50 + <text>报名：{{ data.reg_count }}/<text v-if="data.reg_max === 0">无限</text><text v-else>{{ data.reg_max }}</text></text>&nbsp;
51 + <text v-if="data.extend.length">岗位：{{ data.extend && data.extend.join(',') }}</text>
52 + </view>
53 + </van-col>
54 + </van-row>
55 + <van-row v-else>
47 <van-col :span="19" offset="0"> 56 <van-col :span="19" offset="0">
48 <view style="line-height: 2;"> 57 <view style="line-height: 2;">
49 <text>浏览：{{ data.view_count }}</text>&nbsp; 58 <text>浏览：{{ data.view_count }}</text>&nbsp;
...@@ -76,7 +85,8 @@ import { formatDate } from '@/utils/tools.js' ...@@ -76,7 +85,8 @@ import { formatDate } from '@/utils/tools.js'
76 85
77 const props = defineProps({ 86 const props = defineProps({
78 data: Object, 87 data: Object,
79 - status: String 88 + status: String,
89 + sign: String,
80 }); 90 });
81 91
82 // const register = computed(() => { // 报名中状态显示 92 // const register = computed(() => { // 报名中状态显示
......
1 <!-- 1 <!--
2 * @Date: 2022-09-21 14:51:44 2 * @Date: 2022-09-21 14:51:44
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-11-12 00:01:52 4 + * @LastEditTime: 2022-11-15 10:51:10
5 * @FilePath: /swx/src/pages/my/index.vue 5 * @FilePath: /swx/src/pages/my/index.vue
6 * @Description: 我的页面 6 * @Description: 我的页面
7 --> 7 -->
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 <view style="padding: 1rem 0.5rem; display: flex;"> 59 <view style="padding: 1rem 0.5rem; display: flex;">
60 <van-icon :name="icon_company" size="2.5rem" color="" style="vertical-align: sub; margin-right: 0.5rem;" /><text style="color: #222222; font-size: 1.15rem; margin-top: 0.5rem;">{{ item.host?.name }}</text> 60 <van-icon :name="icon_company" size="2.5rem" color="" style="vertical-align: sub; margin-right: 0.5rem;" /><text style="color: #222222; font-size: 1.15rem; margin-top: 0.5rem;">{{ item.host?.name }}</text>
61 </view> 61 </view>
62 - <activity-card :data="item" type="me"></activity-card> 62 + <activity-card :data="item" sign="none" type="me"></activity-card>
63 </view> 63 </view>
64 </view> 64 </view>
65 </view> 65 </view>
......
...@@ -45,7 +45,15 @@ ...@@ -45,7 +45,15 @@
45 </view> 45 </view>
46 <scroll-view :scroll-y="true" :style="scrollStyle" @scrolltolower="onScrollToLower"> 46 <scroll-view :scroll-y="true" :style="scrollStyle" @scrolltolower="onScrollToLower">
47 <view> 47 <view>
48 - <activity-card @on-handle="onHandle" v-for="(item, index) in activity_list" :key="index" :data="item" :status="follow_status" style="margin-bottom: 1rem;"></activity-card> 48 + <activity-card
49 + @on-handle="onHandle"
50 + v-for="(item, index) in activity_list"
51 + :key="index"
52 + :data="item"
53 + :status="follow_status"
54 + sign="none"
55 + style="margin-bottom: 1rem;"
56 + />
49 </view> 57 </view>
50 </scroll-view> 58 </scroll-view>
51 </view> 59 </view>
......