更新记录

1.0.1(2025-08-09)

优化细节

1.0.0(2025-08-05)

初始版本


平台兼容性

云端兼容性

阿里云 腾讯云 支付宝云

uni-app x(4.25)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - -

yzc-drawer-view uniappx侧滑视图

使用示例(具体参考示例项目)

<template>
    <view class="page">
        <yzc-drawer-view ref="yzc-drawer-view" backgroundColor="#000" backImageUrl="/static/bg2.png">
            <template #leftPage>
                <left-page @closeDrawer="closeDrawerView"></left-page>
            </template>
            <template #mainPage>
                <main-page @openDrawer="openDrawerView"></main-page>
            </template>
        </yzc-drawer-view>
    </view>
</template>

<script>
    import LeftPage from '@/pages/index/leftPage.uvue'
    import MainPage from '@/pages/index/mainPage.uvue'
    export default {
        components: {
            LeftPage,
            MainPage
        },
        data() {
            return {

            }
        },
        mounted() {
        },
        methods: {
            openDrawerView() {
                (this.$refs['yzc-drawer-view']! as ComponentPublicInstance).$callMethod('openDrawer')
            },
            closeDrawerView() {
                (this.$refs['yzc-drawer-view']! as ComponentPublicInstance).$callMethod('closeDrawer')
            }
        }
    }
</script>

<style lang="scss">
   .page {
       width: 100%;
       height: 100%;
   }
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。