更新记录
1.0.13(2025-06-04) 下载此版本
1.0.13
1.0.12(2025-05-19) 下载此版本
1.0.12
1.0.11(2025-04-28) 下载此版本
1.0.11
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
× | √ | √ | √ | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
插件文档
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 )
- sign 是否显示✳ (选填,默认:true )
- 示例:
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
})