更新记录
1.0.0(2025-01-24) 下载此版本
发布插件
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | × | × | × |
插件文档
list-popup 参数
-
title 标题(必填)
-
list 列表(必填)
-
activate 选中(选填)
-
label 渲染 key (选填,默认:label)
-
value 选中 key (选填,默认:value)
-
@change 确认回调
-
示例
<listPopup ref="selectRef" @change="listChange" />
import listPopup "@/uni_modules/hug-view/components/listPopup.vue"
selectRef.value.open({
title: '请选择',
list: [{
label: '选择1',
value: 1
}, {
label: '选项2',
value: 2
}, {
label: '选项3',
value: 3
}]
})
function listChange(){}
modal 参数
-
show 开关(必填)
-
title 标题(选填,默认:提示)
-
cancelText 取消按钮文字(选填,默认:取消)
-
confirmText 确定按钮文字(选填,默认:确定)
-
showCancelButton 是否显示取消按钮(选填,默认:true)
-
content 显示内容 (选填,默认:无)
-
slot content 为空是可自定义内容
-
普通示例
import modal "@/uni_modules/hug-view/components/modal.vue"
<modal :show="show" title="提示" @cancel="show=false" @confirm="confirm" confirmText="确定"
content='提示内容'> </modal>
function confirm(){}
- 插槽示例
import modal "@/uni_modules/hug-view/components/modal.vue"
<modal :show="show" title="提示" @cancel="show=false" @confirm="confirm" confirmText="确定" >
<view>
提示内容
</view>
</modal>
function confirm(){}
requiredVue 参数
- text 文字(必填)
- size 字体大小(选填,默认:"30rpx")
- fontWeight 字体粗细(选填,默认:false )
- 示例:
import requiredVue from "@/uni_modules/hug-mybb/components/required.vue"
<requiredVue text="必填" size="30rpx" fontWeight="bold" />
iconVue 参数
- text 文字((选填,默认:"装")
- color 颜色((选填,默认:主题色)
- 示例
import iconVue from "@/uni_modules/hug-mybb/components/icon.vue"
<iconVue text="卸" :color="'#f00'"></iconVue>
empty 参数
- text 文字((选填,默认:"暂无数据")
- icon 图片((选填)
- height 高度 (选填,默认:"500rpx")
- size 图片大小 (选填,默认:"200rpx")
- 示例
import empty from "@/uni_modules/hug-mybb/components/empty.vue"
import suoIcon from "../static/suo.png"
<empty :icon="suoIcon" size="70rpx" text="您未开通该业务" />
upApp 参数
- upInfo 升级信息(必填)
{
"version": "1.0.1", //版本号
"info": "测试",//更新提示
"url": "https://test/edf89e095c87512aa837e4b206948345.apk",
"isForce": 1,//是否强制更新 1是2否
}
- tabbar 是否为 tabbar 页面 (选填,默认:false)
- 示例
import upAppVue from "@/uni_modules/hug-mybb/components/upApp.vue";
<upAppVue ref="upAppRef"></upAppVue>
upAppRef.value.open({
upInfo: {
"version": "1.0.1",
"info": "测试",
"url": "https://test/edf89e095c87512aa837e4b206948345.apk",
"isForce": 1,
},
tabbar: false
})