JM-MiniApp/components/aikefu.vue

<template>
	<view class="aikefuBox">
		<!-- 这是ai客服!!!! -->
		<unFab ref="fab" :pattern="pattern"  horizontal="left" vertical="bottom"
					direction="horizontal" @fabClick="fabClick" />
	</view>
</template>

<script setup>
	import unFab from '@/uni_modules/uni-fab/components/uni-fab/uni-fab.vue' 
	import { onLoad } from "@dcloudio/uni-app"
	// import mySwiper from "@/components/mySwiper.vue"
	import {ref,onMounted,nextTick,computed} from "vue"
	// import unCombox from '@/uni_modules/uni-combox/components/uni-combox/uni-combox.vue' 
	import {useStore} from '@/store/index.js'
	const store = useStore()
	import api from "@/api/index.js"
	const pattern = ref({
		color: '#7A7E83',
		backgroundColor: '#fff',
		selectedColor: '#26758d',
		buttonColor: '#26758d',
		iconColor: '#fff',
		icon:'headphones'
	})
	// const content = ref([{
	// 		iconPath: '/static/image.png',
	// 		selectedIconPath: '/static/image-active.png',
	// 		text: '相册',
	// 		active: false
	// 	}])
	function fabClick() {
		// uni.showToast({
		// 	title: '点击了悬浮按钮',
		// 	icon: 'none'
		// })
		uni.navigateTo({
			url:"/pages/index/aikefu"
		})
	}
</script>

<style scoped lang="scss">
	.aikefuBox{
		margin-top: 200rpx;
	}
</style>