更新记录

1.0.8（2024-10-23） 下载此版本

• 修复: APP点击遮罩无法关闭问题

1.0.7（2024-08-27） 下载此版本

[修复] 默认未展示闪一下问题 [修复] app、微信小程序 底部安全区问题 [新增] open 与 close 方法控制显示与隐藏

1.0.6（2024-08-06） 下载此版本

[修复] sass @use 打包小程序兼容性问题 (只允许在顶部使用)

平台兼容性

y-drawer

抽屉组件，仅支持 Vue3

• 查看演示

[图2] 效果参考插件 【Vue3】微信授权登录，用户信息设置，微信头像弹框

Example

示例

<template>
  <y-drawer
    ref="drawerRef"
    :borderRadius="20"
    :showClose="true"
    :showMask="true"
    :maskClosable="true"
    :length="300"
    title="示例标题"
  >
    <!-- <template #title>标题插槽</template> -->
    <!-- 在这里插入内容 -->
    <view>抽屉内容</view>
  </y-drawer>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
const drawerRef = ref();

setTimeout(() => {
    drawerRef.value.open()
}, 1000);
</script>

Props

参数

Methods

方法

 defineExpose({
  // 打开
  open: () => {},
  // 关闭
  close: () => {}
})

Slot

插槽

常见问题

滚动视图问题

弹出层默认插槽里套个 scroll-view 实现，记得设置宽度和高度；

问题反馈

若在使用过程中发现 BUG，请与我反馈，不胜感激。

• 去 Github Issues
• 评论区、插件群里
• 发邮件 yuxiaobo64@gmail.com