活动详细动态页面,报名按钮删除
This commit is contained in:
parent
45f5884119
commit
42359bb06d
|
|
@ -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 对象结构
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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() {
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user