更新记录
1.0.1(2024-09-06)
- 更新支持Uniapp
1.0.0(2024-08-06)
安卓,ios,web可用。
平台兼容性
uni-app x
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
√ | √ | 5.0 | 12 | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
x-loading-s
特性说明
主要是用来代替uni.showLoading的,相比优化有:
- 高自动适应,因此可以添加超长的title文字。
- 图标可以任意更新,大小,颜色等
- 可以添加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,
}