ActionSheet 操作菜单组件
本组件用于从底部弹出一个操作菜单,供用户选择并返回结果。
温馨提示
本项目参考了 uView-Plus 开源项目的组件开发方式,基于 Vue 3 和 TypeScript 实现了自定义组件。目前该组件仍处于测试阶段。
感谢 uView-Plus 开源项目及其团队成员的贡献,他们的组件开发思路为本项目提供了宝贵地参考。如果需要了解更多组件开发细节,可以参考uView-Plus的 button组件 的代码实现。
平台差异说明
APP(vue) | H5 | 微信小程序 |
---|---|---|
✔ | ✔ | ✔ |
基本使用示例
html
<!-- 全局使用 -->
<hy-button text="月落"></hy-button>
<!-- 单个组件引入 -->
<HyButton type="primary">按钮</HyButton>
ts
import { HyButton } from "hy-app"
基本使用示例
html
<template>
<hy-button text="月落"></hy-button>
</template>
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
show | 是否显示空状态 | boolean | - |
Events
事件名 | 说明 | 回调参数 |
---|---|---|
click | - | - |
Slots
插槽名 | 说明 | 接收值 |
---|---|---|
name | - | - |