更新记录
1.0.2(2025-01-23) 下载此版本
无
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | × | × | × |
hug-view
list-popup 参数
-
title 标题(必填)
-
list 列表(必填)
-
activate 选中(选填)
-
label 渲染 key (选填,默认:label)
-
value 选中 key (选填,默认:value)
-
@change 确认回调
-
示例
<listPopup ref="selectRef" @change="listChange" />
import listPopup "@/uni_modules/hug-view/components/list-popup/index.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/index.vue"
<modal :show="show" title="提示" @cancel="show=false" @confirm="confirm" confirmText="确定"
content='提示内容'> </modal>
function confirm(){}
- 插槽示例
import modal "@/uni_modules/hug-view/components/modal/index.vue"
<modal :show="show" title="提示" @cancel="show=false" @confirm="confirm" confirmText="确定" >
<view>
提示内容
</view>
</modal>
function confirm(){}