更新记录
1.0.2(2025-01-23) 下载此版本
无
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
× | √ | √ | √ | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
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(){}