添加页面
This commit is contained in:
@@ -13,6 +13,8 @@ Component({
|
||||
headerStyle: null,
|
||||
contentStyle: null,
|
||||
footerStyle: null,
|
||||
showMoreBar: { type: Boolean, value: true },
|
||||
showAll: { type: Boolean, value: false },
|
||||
},
|
||||
lifetimes: {
|
||||
attached() {
|
||||
@@ -27,7 +29,7 @@ Component({
|
||||
*/
|
||||
data: {
|
||||
showMore: false,
|
||||
showMoreBar: true,
|
||||
// showMoreBar: true,
|
||||
},
|
||||
/**
|
||||
* 组件的方法列表
|
||||
|
||||
@@ -6,14 +6,21 @@
|
||||
<slot name="header" />
|
||||
</view>
|
||||
<view class="content" style="padding:16rpx 24rpx;{{contentStyle || ''}}">
|
||||
<view id="contentSlot"
|
||||
style="height: {{showMoreBar ? showMore ? 'auto' : 'calc(3em * 1.57)' : 'auto'}};overflow: hidden;">
|
||||
<slot name="content" />
|
||||
</view>
|
||||
<view wx:if="{{showMoreBar}}" class="show-more" catch:tap="showMoreTap">
|
||||
<view>{{showMore ? '收起' : '显示更多' }}</view>
|
||||
<t-icon name="{{showMore ? 'chevron-up' : 'chevron-down' }}" />
|
||||
</view>
|
||||
<block wx:if="{{showAll}}">
|
||||
<view id="contentSlot">
|
||||
<slot name="content" />
|
||||
</view>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<view id="contentSlot"
|
||||
style="height: {{showMoreBar ? showMore ? 'auto' : 'calc(3em * 1.57)' : 'auto'}};overflow: hidden;">
|
||||
<slot name="content" />
|
||||
</view>
|
||||
<view wx:if="{{showMoreBar}}" class="show-more" catch:tap="showMoreTap">
|
||||
<view>{{showMore ? '收起' : '显示更多' }}</view>
|
||||
<t-icon name="{{showMore ? 'chevron-up' : 'chevron-down' }}" />
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="footer" style="{{footerStyle||''}}">
|
||||
<slot name="footer" />
|
||||
|
||||
Reference in New Issue
Block a user