活动详细动态页面,报名按钮删除
This commit is contained in:
parent
45f5884119
commit
42359bb06d
|
|
@ -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 对象结构
|
||||
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
|
|
|
|||
|
|
@ -34,6 +34,7 @@
|
|||
<activity-card
|
||||
:activity="formattedActivity"
|
||||
:show-title="false"
|
||||
:show-register-button="false"
|
||||
@card-click="handleCardClick"
|
||||
@register="handleRegister"
|
||||
/>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user