更新记录

1.0.4（2024-08-06） 下载此版本

修改文档

1.0.3（2024-07-30） 下载此版本

适配r-config-provider

1.0.2（2024-07-23） 下载此版本

修复控制台警告

平台兼容性

r-toast

r-toast 轻提示，在页面中间弹出黑色半透明提示，用于消息通知、加载提示、操作结果提示等场景。

示例

<template>
  <r-button @click="openToast(0)">打开</r-button>
  <r-button @click="openToast(1)">打开失败</r-button>
  <r-button @click="openToast(2)">打开成功</r-button>
  <r-button @click="openToast(3)">打开加载</r-button>
  <r-toast ref="toastRef"></r-toast>
</template>
<script setup>
import { ref } from "vue";
import useToast from "@/uni_modules/r-toast/components/r-toast/useToast";
const toastRef = ref(null);

const {
  showToast,
  showLoadingToast,
  showSuccessToast,
  showFailToast,
  closeToast,
} = useToast(toastRef);
const openToast = (type) => {
  if (type == 1) {
    showFailToast("失败了");
  } else if (type == 2) {
    showSuccessToast("成功了");
  } else if (type == 3) {
    showLoadingToast("加载中");
  } else {
    showToast("打开了弹窗");
  }
};
</script>

API

Props

Slots

Events

Methods

Hooks

更多组件，请前往rainui