Prop弹出面板

引入

在app.json或index.json中引入组件，默认为ES6版本

      "usingComponents": {
    "vtu-prop": "/miniprogram_npm/vtuweapp/prop/vtu-prop"
}
    

代码演示

底部弹出

<vtu-prop title="底部弹出" show="{{show1}}" show-cancel cancel-type="primary" cancel-label="完成">
    <view class="prop-content">这里是显示内容</view>
</vtu-prop>
      

固定高度

<vtu-prop title="固定高度" show="{{show2}}" height="300px">
    <view class="prop-content">
        <view class="prop-content-li" wx:for="{{20}}">这里是显示内容</view>
    </view>
</vtu-prop>
      

设置最大高度

<vtu-prop title="设置最大高度" show="{{show3}}" max-height="300px">
    <view class="prop-content auto">
        <view class="prop-content-li" wx:for="{{5}}">这里是显示内容</view>
    </view>
</vtu-prop>
      

固定顶端底端

<vtu-prop title="固定顶端底端" show="{{show4}}" max-height="300px">
    <view class="prop-header" slot="header"></view>
    <view class="prop-content">
        <view class="prop-content-li" wx:for="{{20}}">这里是显示内容</view>
    </view>
    <view class="prop-footer" slot="footer"></view>
</vtu-prop>
      

组件参数

Props