| | |
| | | <!-- 组合卡片 --> |
| | | <view class="combination-card"> |
| | | <view class="combination-card_wrapper"> |
| | | <view class="combination-card_top"> |
| | | <view class="combination-card_top" v-show="showTop">
|
| | | <view class="combination-card_top__content"> |
| | | <slot name="top"></slot> |
| | | </view> |
| | |
| | | <view class="combination-card_content"> |
| | | <slot name="center"></slot> |
| | | </view> |
| | | <view class="combination-card_bottom"> |
| | | <view class="combination-card_bottom" v-show="showBottom">
|
| | | <slot name="bottom" a="$slots.name"></slot> |
| | | </view> |
| | | </view> |
| | |
| | | |
| | | <script> |
| | | export default { |
| | | props: {
|
| | | showTop: {
|
| | | type: Boolean,
|
| | | default: true
|
| | | },
|
| | | showBottom: {
|
| | | type: Boolean,
|
| | | default: true
|
| | | }
|
| | | },
|
| | | data() { |
| | | return {}; |
| | | }, |
| | | methods: {} |
| | | methods: {},
|
| | | mounted() {
|
| | | console.log(this.showTop,'showTop--------')
|
| | | }
|
| | | }; |
| | | </script> |
| | | |