消息提示

TIP

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

Options

参数	说明	类型	可选值	默认值
icon	图标类名	string
iconSize	图标尺寸	number		22
message	提示消息	string
duration	保留时长	number		3000
type	类型	string	primary / success / error / warning / info	success
top	距离顶部位置	string		120rpx
single	是否单个显示	boolean		false

示例

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

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