更新记录
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>