Toast 吐司提示

TIP

由于 uniapp 支持情况，使用 cl-toast 前，将 cl-toast 标签添加到对应的页面或者组件里

• 支持多个弹出及不同位置

Options

参数	说明	类型	可选值	默认值
icon	图标类名	string
iconSize	图标尺寸	number		22
message	提示消息	string
duration	保留时长	number		2000
type	类型	string	primary / success / error / warning / info
position	悬浮位置	string	top / middle / bottom	bottom
single	是否单个显示	boolean		false

示例

<template>
  <view class="demo">
    <cl-toast ref="toast"></cl-toast>
    <cl-button @tap="onTap">提示</cl-button>
  </view>
</template>

<script>
  export default {
    methods: {
      onTap() {
        this.$refs["toast"].open({
          message: "hello",
        });
      },
    },
  };
</script>