更新记录

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
× × × ×
<!-- * @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 -->

插件文档

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

  1. text 文字(必填)
  2. size 字体大小(选填,默认:"30rpx")
  3. fontWeight 字体粗细(选填,默认:false )
  4. 示例:
import requiredVue from  "@/uni_modules/hug-mybb/components/required.vue"
<requiredVue text="必填" size="30rpx" fontWeight="bold" />

iconVue 参数

  1. text 文字((选填,默认:"装")
  2. color 颜色((选填,默认:主题色)
  3. 示例
import iconVue from  "@/uni_modules/hug-mybb/components/icon.vue"
<iconVue text="卸" :color="'#f00'"></iconVue>

empty 参数

  1. text 文字((选填,默认:"暂无数据")
  2. icon 图片((选填)
  3. height 高度 (选填,默认:"500rpx")
  4. size 图片大小 (选填,默认:"200rpx")
  5. 示例
  import empty from  "@/uni_modules/hug-mybb/components/empty.vue"
  import suoIcon from "../static/suo.png"
  <empty :icon="suoIcon" size="70rpx" text="您未开通该业务" />

upApp 参数

  1. upInfo 升级信息(必填)
{
                "version": "1.0.1", //版本号
                "info": "测试",//更新提示
                "url": "https://test/edf89e095c87512aa837e4b206948345.apk",
                "isForce": 1,//是否强制更新 1是2否
}
  1. tabbar 是否为 tabbar 页面 (选填,默认:false)
  2. 示例
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
})

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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