• Drawer 抽屉

    Drawer 抽屉

    抽屉侧滑菜单,组件名:uni-drawer,代码块: uDrawer。

    使用方式:

    script 中引用组件

    1. import uniDrawer from "@/components/uni-drawer/uni-drawer.vue"
    2. export default {
    3. components: {uniDrawer}
    4. }

    Drawer 在 template 中以 插槽 形式插入内容

    1. <uni-drawer :visible="true">
    2. <view style="padding:30upx;">
    3. <view class="uni-title">抽屉式导航</view>
    4. </view>
    5. </uni-drawer>

    属性说明:

    属性名类型默认值说明
    visibleBooleanfalseDrawer的显示状态
    maskBooleantrue是否显示遮罩
    modeStringleftDrawe滑出位置,可选值:left(从左侧滑出), right(从右侧滑出

    事件说明:

    事件名说明
    close组件关闭时触发事件

    Tips

    • 组件实际运行效果参考:https://github.com/dcloudio/uni-ui
    • npm 使用方式参考:https://ext.dcloud.net.cn/plugin?id=55