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/12/2