活动详细动态页面,报名按钮删除

This commit is contained in:
minimaxagent1 2025-08-04 12:02:17 +08:00
parent 45f5884119
commit 42359bb06d
3 changed files with 21 additions and 1 deletions

View File

@ -22,6 +22,7 @@ ActivityCard 是一个用于展示寺庙活动信息的卡片组件,支持多
<activity-card <activity-card
:activity="activityData" :activity="activityData"
:show-title="true" :show-title="true"
:show-register-button="true"
@card-click="handleCardClick" @card-click="handleCardClick"
@register="handleRegister" @register="handleRegister"
/> />
@ -60,12 +61,26 @@ export default {
</script> </script>
``` ```
### 不显示报名按钮
```vue
<template>
<activity-card
:activity="activityData"
:show-title="true"
:show-register-button="false"
@card-click="handleCardClick"
/>
</template>
```
## Props ## Props
| 参数 | 类型 | 必填 | 默认值 | 说明 | | 参数 | 类型 | 必填 | 默认值 | 说明 |
|------|------|------|--------|------| |------|------|------|--------|------|
| activity | Object | 是 | - | 活动数据对象 | | activity | Object | 是 | - | 活动数据对象 |
| showTitle | Boolean | 否 | true | 是否显示卡片标题 | | showTitle | Boolean | 否 | true | 是否显示卡片标题 |
| showRegisterButton | Boolean | 否 | true | 是否显示报名按钮 |
### activity 对象结构 ### activity 对象结构

View File

@ -41,7 +41,7 @@
<!-- 水平分割线 --> <!-- 水平分割线 -->
<view class="divider-line"></view> <view class="divider-line"></view>
<!-- 报名按钮 --> <!-- 报名按钮 -->
<view class="register-button" @click.stop="handleRegister" v-if="activity.status === ACTIVITY_STATUS.REGISTERING"> <view class="register-button" @click.stop="handleRegister" v-if="showRegisterButton && activity.status === ACTIVITY_STATUS.REGISTERING">
<text class="button-text">立即报名</text> <text class="button-text">立即报名</text>
</view> </view>
</view> </view>
@ -82,6 +82,10 @@ export default {
showTitle: { showTitle: {
type: Boolean, type: Boolean,
default: true default: true
},
showRegisterButton: {
type: Boolean,
default: true
} }
}, },
data() { data() {

View File

@ -34,6 +34,7 @@
<activity-card <activity-card
:activity="formattedActivity" :activity="formattedActivity"
:show-title="false" :show-title="false"
:show-register-button="false"
@card-click="handleCardClick" @card-click="handleCardClick"
@register="handleRegister" @register="handleRegister"
/> />