引入组件

局部引入

// parent.vue
const FTips = defineAsyncComponent(() => import('@/components/formaui/f-tips/f-tips.vue'))

基础用法

<f-tips ref="tipsRef"></f-tips>
<f-button width="200rpx" margin="200rpx auto" @click="tipsRef?.showTips({ msg: '123123' })">click</f-button>

import { ref } from 'vue'
const tipsRef = ref<any>('tipsRef')

插槽

名称	说明
-	-

属性

名称	类型	说明	默认值
type	string	提示类型，可传入[primary、success、warning、danger]	primary
textColor	string	自定义文字颜色	#FFFFFF
fontSize	string	自定义文字大小	28rpx
bgColor	string	自定义背景颜色	-

事件

事件名	说明	回调参数
-	-	-

方法

方法名	说明	传入参数
showTips	调用该方法，显示提示消息	{msg: "提示消息",duration: 2000 }