更新记录

1.0.2（2024-09-12）

• 增加了maskDisableClik事件穿透,false表示允许穿透默认是true禁止事件穿透遮罩.

1.0.1（2024-09-06）

• 更新支持Uniapp

1.0.0（2024-08-06）

安卓,ios,web可用。

平台兼容性

uni-app

uni-app x

x-toast-s

特性说明

主要是用来代替uni.showToast的，相比优化有：

1. 高自动适应，因此可以添加超长的title文字。
2. 图标可以任意更新，大小，颜色等
3. 可以添加title标题，允许改变字号,颜色 及背景
4. 精致美观，可以定制界面达到与品牌相符的设计
5. 可以重复打开，或者连续打开不用担心前一个是否关闭，我内部会检测关闭上一个提示。

兼容性

开发文档

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

调用：

import { showToast,XTOAST_TYPE } from "@/uni_modules/x-toast-s"
//  打开提示
showToast({title:"提示消息"} as XTOAST_TYPE)
// 手动隐藏
hideToast()

参数配置：

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

XLOADINGS_TYPE

// 所有参数都是可选的， 但标题是必选。
export type XTOAST_TYPE = {
    iconColor?:string,
    contentBgColor?:string,
    maskBgColor?:string,
    iconSize?:number,
    /**
     * 正常应该填写图标的16进制符号如：EEC4
     * 本组件允许几个状态名称使用默认图标，为空是info图标。
     * warn,error,success,info
     */
    iconCode?:string,
    /**
     * 标题为空不显示。
     */
    title:string,
    titleSize?:number,
    titleColor?:string,
    /**
     * 几秒后消失，0 表示永不消失
     */
    duration?:number,
    close?:()=>void,
    /** 宽 */
    size?:number,
    /**
     * 禁用遮罩穿透点击事件
     * @default true
     */
    maskDisableClik?:boolean
}