lanyun-msg

介绍

常用于操作反馈

使用方法

import "../../components/lanyun-msg/lanyun-msg.stml";

例子

    <lanyun-msg
        bgcolor="#eee"
        icon="../components/lanyun-msg/asset/fail.png"
        msg-type="custom"
        msg-text="支付成功"
        tips-text="您已支付成功，共计120.00元"
        btn-text="返回"
        @click="msgClick"
    />

    msgClick(){
        api.toast({
            msg: '下一步',
            location:"middle"
        });
    }

props 属性

参数 说明 类型 默认值 可选值 生效类型
msg-type 提示类型（成功，失败，自定义），选填 string success success/fail/custom success/fail/custom
msg-text 提示语，选填 string - - custom
msg-color 提示语颜色，选填 string #333333 - custom
msg-size 提示语字符大小，选填 string 24px - custom
tips-text 小标题，选填 string - - success/fail/custom
tips-color 小标题颜色，选填 string #666666 - custom
tips-size 小标题字符大小，选填 string 14px - custom
icon 提示图标，选填 string - - custom
bgcolor 背景颜色，选填 string #ffffff - success/fail/custom
btnloc 按钮与小标题间距，px，选填 string 50px - success/fail/custom
btn-text 按钮字符，选填 string 下一步 - success/fail/custom

events 事件

事件名 说明 回调参数
click 当点击按钮时触发
是否仍需要帮助？ 请保持联络！
最后更新于 2024/11/18