更新记录

1.0.0（2021-04-20）

发布toast提示框

平台兼容性

toast提示框

<fh-toast>是一个提示框。目前提供三种模式：1、纯文字提示模式；2、加载中提示模式；3、文字加图标提示模式

平台差异

实现中使用到<canvas>标签，除字节跳动小程序外基本支持

安装方式

本组件符合easycom规范，通过使用HBuilderX导入插件或者下载插件ZIP，将解压出fh-toast文件夹放到components目录下。

API

Props

目前无需传入

Event

目前没有事件

Methods

Slot

基本用法

<template>
    <fh-toast
        ref="fhToast"
    >
        <template v-slot:toastIcon>
            <icon type="success_no_circle" size="26"/>
        </template>
    </fh-toast>
</template>
<script>
export default {
    methods: {
        openToast: function({title, isHTMLString, isLoading, icon}) {
            this.$refs.fhToast.show({title, isHTMLString, isLoading, icon})
        },
        closeToast: function(){
            this.$refs.fhToast.hidden()
        }
    }
}
</script>