更新记录

1.0.0（2022-05-09） 下载此版本

初始化

平台兼容性

bluestar-Tips

消息提示

引入

在 script 标签中引入组件

//使用HBuilderX导入插件
import Tips from '@/uni_modules/bluestar-Tips/components/bluestar-Tips/bluestar-Tips.vue'

代码演示

<template>
  <Tips ref="toast" position="top" backgroundColor="59bb73" color="#ffffff" size="30"></Tips>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const toast = ref()

const tipClick = () => {
  toast.value.showTips({
    msg: '成功消息提示',
    duration: 2000
  })
}
</script>

API

Props

Methods

作者