更新记录

1.0.2（2023-06-09） 下载此版本

增加预览

1.0.1（2023-05-30） 下载此版本

适配自定义导航栏

1.0.0（2023-04-27） 下载此版本

初始化发布

平台兼容性

uni-app

liu-drawer适用于uni-app项目的Drawer抽屉组件

本组件目前兼容微信小程序、H5

本组件是简单好用Drawer抽屉，超小超轻，超级好用，用于侧滑菜单，侧滑导航

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用方式

<template>
    <view>
        <view class="box">
            <view @click="openPopup('left')" class="btn">左面打开抽屉</view>
            <view @click="openPopup('right')" class="btn">右面打开抽屉</view>
        </view>
        <liu-drawer type="left" ref="left">左面抽屉</liu-drawer>
        <liu-drawer type="right" ref="right">右面抽屉</liu-drawer>
    </view>
</template>
<script>
    export default {
        data() {
            return {};
        },
        methods: {
            openPopup(e) {
                this.$refs[e].open()
            },
        },
    };
</script>
<style scoped>
    .box {
        padding: 32rpx;
    }

    .btn {
        width: 686rpx;
        height: 88rpx;
        background: #2182fe;
        border-radius: 8rpx;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        color: #ffffff;
        margin-top: 20rpx;
    }
</style>

属性说明