• Toast 轻提示
    • 使用指南
    • 一般用法
    • AtToast 参数

    Toast 轻提示


    提供一个简单的 Toast,可以传入 icon image 来展示不同的效果,另外提供日常使用频繁的三种状态来快速实现效果,页面层级为1090

    使用指南

    在 Taro 文件中引入组件

    :::demo

    1. import { AtToast } from 'taro-ui'

    :::

    一般用法

    :::demo

    1. <AtToast
    2. isOpened
    3. text={text}
    4. iconSize={iconSize}
    5. iconType={iconType}
    6. iconColor={iconColor}
    7. isHiddenIcon={isHiddenIcon}></AtToast>

    :::

    AtToast 参数

    参数 说明 类型 可选值 默认值
    text 元素的内容 String - -
    icon icon 的类型 String - -
    image 元素展示的图片 String - -
    status 元素的状态 String error, loading, success -
    isOpened 是否展示元素 Boolean - false
    duration 元素持续的事件 Number - 3000
    hasMask 是否存在底部遮罩层(无法点击底部的内容区) Boolean - -
    onClick 元素被点击之后触发的事件 Function - -
    onClose 元素被关闭之后触发的事件 Function - -