更新记录

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
× × × ×
<!-- * @Author: duguozhi 1447607151@qq.com * @Date: 2025-01-23 09:40:04 * @LastEditors: duguozhi 1447607151@qq.com * @LastEditTime: 2025-01-23 11:14:05 * @FilePath: \mybb\uni_modules\hug-view\readme.md * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE -->

hug-view

list-popup 参数

  1. title 标题(必填)

  2. list 列表(必填)

  3. activate 选中(选填)

  4. label 渲染 key (选填,默认:label)

  5. value 选中 key (选填,默认:value)

  6. @change 确认回调

  7. 示例

<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 参数

  1. show 开关(必填)

  2. title 标题(选填,默认:提示)

  3. cancelText 取消按钮文字(选填,默认:取消)

  4. confirmText 确定按钮文字(选填,默认:确定)

  5. showCancelButton 是否显示取消按钮(选填,默认:true)

  6. content 显示内容 (选填,默认:无)

  7. slot content 为空是可自定义内容

  8. 普通示例

import modal "@/uni_modules/hug-view/components/modal/index.vue"
<modal :show="show" title="提示" @cancel="show=false" @confirm="confirm" confirmText="确定"
            content='提示内容'> </modal>
function confirm(){}
  1. 插槽示例
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(){}

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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