更新记录

1.0.0(2022-07-01) 下载此版本

模拟原生HUD提示框,全平台兼容


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.22 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

HUD模拟原生提示框

安卓/苹果/小程序/H5通用
参数 参数类型 参数示例 参数说明
background string rgba(0, 0, 0, 0.6) 弹窗背景
width number 300 弹窗宽度
height number 300 弹窗高度
top number 300 顶部距离
radius number 30 弹窗圆角
text string 正在加载 弹窗文本
maskBackground string rgba(0, 0, 0, 0.6) 遮罩层背景
iconType string loading 图标类型
maskClose boolean false 是否开启点击遮罩层关闭
使用方法

1.把组件"zhao"去掉,因为上传要求才添加的

2.引入插件 import hud from '@/components/hud/hud.vue';

3.注册插件 components:{ hud },

4.使用插件 this.$refs.hud.open()

隐私、权限声明

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

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

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

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问