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

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="activityData"
:show-title="true"
:show-register-button="true"
@card-click="handleCardClick"
@register="handleRegister"
/>
@ -60,12 +61,26 @@ export default {
</script>
```
### 不显示报名按钮
```vue
<template>
<activity-card
:activity="activityData"
:show-title="true"
:show-register-button="false"
@card-click="handleCardClick"
/>
</template>
```
## Props
| 参数 | 类型 | 必填 | 默认值 | 说明 |
|------|------|------|--------|------|
| activity | Object | 是 | - | 活动数据对象 |
| showTitle | Boolean | 否 | true | 是否显示卡片标题 |
| showRegisterButton | Boolean | 否 | true | 是否显示报名按钮 |
### activity 对象结构

View File

@ -41,7 +41,7 @@
<!-- 水平分割线 -->
<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>
</view>
</view>
@ -82,6 +82,10 @@ export default {
showTitle: {
type: Boolean,
default: true
},
showRegisterButton: {
type: Boolean,
default: true
}
},
data() {

View File

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