更新记录

1.0.1(2024-09-06)

  • 更新支持Uniapp

1.0.0(2024-08-06)

安卓,ios,web可用。


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.8,Android:支持,iOS:支持,HarmonyNext:不确定 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× ×

x-loading-s

特性说明

主要是用来代替uni.showLoading的,相比优化有:

  1. 高自动适应,因此可以添加超长的title文字。
  2. 图标可以任意更新,大小,颜色等
  3. 可以添加title标题,允许改变字号,颜色

兼容性

IOS Andriod WEB
12+ 4.2+ 所有浏览器

开发文档

浏览器端需要你把目录中的remixicon.ttf复制到static目录下

调用:

import { showLoading, hideXloading, XLOADINGS_TYPE } from "@/uni_modules/x-loading-s"
// 显示,字段参数全是可选的
showLoading({} as XLOADINGS_TYPE)
// 或者,null使用默认值
showLoading(null)
// 隐藏
hideXloading()

参数配置:

下面的图标iconCode,同组件库x-icon是相同的字体图标,请打开图标网站:查看 找到直接想要的图标后 复制 unicode ,不是名称。比如:我们只要取ED29 下面的参数图标iconCode就是ED29 iconCode:'ED29'

XLOADINGS_TYPE

// 所有参数都是可选的
export type XLOADINGS_TYPE = {
    iconColor?:string,
    contentBgColor?:string,
    maskBgColor?:string,
    iconSize?:number,
    iconCode?:string,
    title?:string,
    titleSize?:number,
    titleColor?:string
    // 约定的宽,最小高值100,宽100
    size?:number,
}

隐私、权限声明

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

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

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

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