From dc946ec6697e415fbcf0c1e26999f812cce08765 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E6=80=AA?= <690927457@qq.com>
Date: Tue, 14 Nov 2023 23:48:34 +0800
Subject: [PATCH] 2023.11.14

---
 api/index.js                                  |   3 +
 components/aikefu.vue                         |  47 ++
 config/index.js                               |   2 +-
 pages.json                                    |   7 +-
 pages/index/aikefu.vue                        | 202 +++++++
 pages/index/index.vue                         |   2 +
 pages/user/userInfo.vue                       |   3 +-
 static/kefu.png                               | Bin 0 -> 10099 bytes
 uni_modules/uni-fab/changelog.md              |  23 +
 .../uni-fab/components/uni-fab/uni-fab.vue    | 491 ++++++++++++++++++
 uni_modules/uni-fab/package.json              |  84 +++
 uni_modules/uni-fab/readme.md                 |   9 +
 12 files changed, 870 insertions(+), 3 deletions(-)
 create mode 100644 components/aikefu.vue
 create mode 100644 pages/index/aikefu.vue
 create mode 100644 static/kefu.png
 create mode 100644 uni_modules/uni-fab/changelog.md
 create mode 100644 uni_modules/uni-fab/components/uni-fab/uni-fab.vue
 create mode 100644 uni_modules/uni-fab/package.json
 create mode 100644 uni_modules/uni-fab/readme.md

diff --git a/api/index.js b/api/index.js
index 06610f1..4882e59 100644
--- a/api/index.js
+++ b/api/index.js
@@ -7,6 +7,9 @@ const API = {
 	wx_login: (data,userId) => net.POST('/user/binding/wechat',data,true,{"userId":userId}), // 微信登录
 	// upload: (data) => net.POST('/user/upload',data), // 文件上传
 	userinfoUpdae:data => net.PUT('/user/info',data,true,{"Content-Type":"application/x-www-form-urlencoded"}), // 更新用户信息
+	// ai 客服
+	getAikefuList:data => net.GET('/akefu/list',data), // 获取获取客服列表
+	getReply:data => net.POST('/ai',data), // 获取客服回复
 	// 首页
 	getHospitalList:data => net.GET('/hospital/list',data), // 获取医院信息
 	saveVision:data => net.POST("/vision",data),// 保存视力测试结果
diff --git a/components/aikefu.vue b/components/aikefu.vue
new file mode 100644
index 0000000..47c337a
--- /dev/null
+++ b/components/aikefu.vue
@@ -0,0 +1,47 @@
+<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>
\ No newline at end of file
diff --git a/config/index.js b/config/index.js
index 1b9dce7..37863da 100644
--- a/config/index.js
+++ b/config/index.js
@@ -1,6 +1,6 @@
 // isdev 为 true 表示开发环境 false 表示发布环境
 const isdev = true;
-const baseUrl = isdev ? 'http://4ca5004.r15.cpolar.top' : 'http://eb467b6.r19.cpolar.top';// 办公室接口 & 测试环境
+const baseUrl = isdev ? 'http://5a0a6573.r9.cpolar.top' : 'http://eb467b6.r19.cpolar.top';// 办公室接口 & 测试环境
 // const baseUrl = isdev ? 'http://192.168.1.133:8899' : 'https://api.gwkjxb.com';// 办公室接口 & 正式环境
 // const baseUrl = 'https://api.gwkjxb.com';// 正式环境（由于本地测试后台没有启动，暂时通用正式服）
 
diff --git a/pages.json b/pages.json
index ece7f56..28fced7 100644
--- a/pages.json
+++ b/pages.json
@@ -110,7 +110,12 @@
 			"style": {
 				"navigationBarTitleText": "关于我们"
 			}
-		},
+		},{
+			"path": "pages/index/aikefu",
+			"style": {
+				"navigationBarTitleText": "客服中心"
+			}
+		}
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "white",
diff --git a/pages/index/aikefu.vue b/pages/index/aikefu.vue
new file mode 100644
index 0000000..558ee60
--- /dev/null
+++ b/pages/index/aikefu.vue
@@ -0,0 +1,202 @@
+<script setup>
+	// 引入依赖
+	import uniDatetimePicker from '@/uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.vue' 
+	import uniEasyinput from '@/uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.vue' 
+	// import unCombox from '@/uni_modules/uni-combox/components/uni-combox/uni-combox.vue' 
+	import { onLoad,onShow  } from "@dcloudio/uni-app"
+	import mySwiper from "@/components/mySwiper.vue"
+	import aikefu from "@/components/aikefu.vue"
+	import {ref,onMounted,nextTick,watch,getCurrentInstance} from "vue"
+	import api from '@/api/index.js'
+	import {useStore} from '@/store/index.js'
+	// import uniIcons from '@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue' 
+	const store = useStore()
+	onLoad((e) => {
+		uni.createSelectorQuery().in(instance).select('.show-part').boundingClientRect((res)=>{
+			w_h.value = res.height
+			// console.log(res)
+		}).exec()
+	})
+	// 变量
+	const w_h = ref(0)
+	const records = ref([
+		{
+			content:'您好，很高兴为您服务！',
+			type:1,//1-客服；2-我
+		}
+	])
+	const scrollContainer = ref()
+	const in_content = ref('')
+	const scrollTop = ref(0.01) //注意：不要设置成0，不然无效
+	const instance = getCurrentInstance(); // 获取组件实例
+	const is_loading = ref(false)
+	// 函数
+	async function sendFunc() {
+		if(is_loading.value) {
+			return
+		}
+		is_loading.value = true
+		if(!in_content.value) {
+			uni.showToast({
+				title:"请填写内容",
+				icon:'error',
+				duration:2000,
+				mask:true
+			})
+			is_loading.value = false
+			return
+		}
+		// 滚动条设置
+		uni.createSelectorQuery().in(instance).select('#scroll-view-content').boundingClientRect((res)=>{
+			let top = res.height-w_h.value+100;
+			if(top>0){
+				scrollTop.value = top;
+			}
+			// console.log(res.height,w_h.value)
+		}).exec()
+		records.value.push({
+			content:in_content.value,
+			type:2
+		})
+		const res = await api.getReply({msg:in_content.value})
+		is_loading.value = false
+		if(res.code === 0) {
+			in_content.value = ''
+			// 判断用户输入的关键字是否有效
+			if(res.data.content) {
+				records.value.push({
+					content:res.data.content,
+					type:1
+				})
+			}
+			else{
+				records.value.push({
+					content:'请输入正确的关键词',
+					type:-1
+				})
+			}
+		}
+		else{
+			uni.showToast({
+				title:res.msg,
+				icon:"error",
+				duration:2000
+			})
+		}
+	}
+</script>
+<template>
+	<view class="aikefuBox page-box page-bg-gray" style="height: 100%;">
+		<!-- 信息展示区域 -->
+		<!-- <view class="ac-part show-part" id="show-part" ref="scrollContainer" :style="{scrollTop:scrollTop}"> -->
+				<scroll-view :scroll-with-animation="true" :scroll-y="true" class="ac-part show-part" scroll-y="true" :scroll-top="scrollTop">
+					<view class="ac-listt-box" id="scroll-view-content">
+						<view class="r_list-card" v-for="(item,i) in records">
+							<view v-if="item.type!=-1" class="r-row" :class="item.type === 1?'row-left':'row-right'">
+								<view class="r-avatar" v-if="item.type === 1">
+									<image src="../../static/kefu.png" mode="widthFix"></image>
+								</view>
+								<view class="r-content" :class="{'r-content-right':item.type==2}">{{item.content}}</view>
+							</view>
+							<!-- 错误提示 -->
+							<view class="r-row wrong-text" v-if="item.type==-1" style="color: #bfbfbf;text-align: center">
+								{{item.content}}
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+		<!-- </view> -->
+		<!-- 输入区域 -->
+		<view class="as-part input-part">
+			<view class="input-box">
+				<view class="ib-left">
+					<input v-model="in_content" type="text" placeholder="输入您想咨询的内容">
+				</view>
+				<view class="ib-right">
+					<view class="send_btn" @tap="sendFunc">发送</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<style scoped lang="scss">
+	.aikefuBox{
+		height: 100%;
+		.show-part{
+			height: 88%;
+			// overflow-y: auto;
+			.ac-listt-box{
+				padding: 20rpx;
+				.r_list-card{
+					margin: 40rpx 0;
+					.r-row{
+						overflow: hidden;
+						.r-avatar{
+							float: left;
+							width: 80rpx;
+							height: 80rpx;
+							image{
+								width: 100%;
+							}
+							margin-right: 10rpx;
+						}
+						.r-content{
+							background-color: white;
+							display: inline-block;
+							padding: 20rpx;
+							border-radius:0 20rpx 20rpx 20rpx;
+							box-shadow: 10rpx 10rpx 10rpx #efefef;
+						}
+						.r-content-right{
+							float: right;
+							border-radius: 20rpx 0 20rpx 20rpx;
+							background-color: #26758d;
+							color: white;
+						}
+					}
+				}
+			}
+		}
+		.input-part{
+			height: 12%;
+			background: white;
+			position: fixed;
+			bottom: 0px;
+			width: 100%;
+			.input-box{
+				padding: 20rpx;
+				display: flex;
+				align-content: center;
+				.ib-left{
+					width: 88%;
+					margin-right: 20rpx;
+					input{
+						width: 100%;
+						border: 2rpx solid #c3c3c3;
+						padding: 10rpx 8rpx;
+						border-radius: 20rpx;
+						box-sizing: border-box;
+						display: block;
+						height: 100%;
+					}
+				}
+				.ib-right{
+					width: 12%;
+					display: flex;
+					align-items: center;
+					.send_btn{
+						padding: 10rpx;
+						background: #26758d;
+						color: white;
+						border-radius: 10rpx;
+						width: 100%;
+						text-align: center;
+					}
+				}
+			}
+		}
+		.ac-part{
+			
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 99ea52a..6824741 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -5,6 +5,7 @@
 	import unCombox from '@/uni_modules/uni-combox/components/uni-combox/uni-combox.vue' 
 	import { onLoad,onShow } from "@dcloudio/uni-app"
 	import mySwiper from "@/components/mySwiper.vue"
+	import aikefu from "@/components/aikefu.vue"
 	import {ref,onMounted,nextTick,watch} from "vue"
 	import api from '@/api/index.js'
 	import {useStore} from '@/store/index.js'
@@ -261,6 +262,7 @@
 			<!-- <uni-popup-dialog ref="inputClose" mode="input" title="输入内容" value="对话框预置提示内容!"
 				placeholder="请输入内容" @confirm="dialogInputConfirm"></uni-popup-dialog> -->
 		</uni-popup>
+		<aikefu />
 	</view>
 </template>
 <style scoped lang="scss">
diff --git a/pages/user/userInfo.vue b/pages/user/userInfo.vue
index 42e0667..3ebce89 100644
--- a/pages/user/userInfo.vue
+++ b/pages/user/userInfo.vue
@@ -112,7 +112,7 @@
 		// hospitals.value = null
 	}
 	async function sumbmitFunc() {
-		console.log(choosed_h.value,h_info.value,userinfo.value)
+		// console.log(choosed_h.value,h_info.value,userinfo.value)
 		let obj = {
 			id: userinfo.value.userId,
 			// isSurgery: 1, //是否已经手术 0为手术，1已经手术
@@ -123,6 +123,7 @@
 			hospitalId:choosed_h.value?.ID
 		}
 		const res = await api.userinfoUpdae(obj)
+		// console.log('res is ',res)
 		if(res.code === 0) {
 			uni.showToast({
 				title:res.msg,
diff --git a/static/kefu.png b/static/kefu.png
new file mode 100644
index 0000000000000000000000000000000000000000..9693ca355ca1265e7e104c67fd973d4e9b5001f6
GIT binary patch
literal 10099
zcmV-(CydyMP)<h;3K|Lk000e1NJLTq0077U0077c1^@s6tyr#}00001b5ch_0Itp)
z=>PyA07*naRCr$PeG8No)s^<%Rkt5B2oVGnQPk)}qw&!V7>zWKLAy~`h?$>PV<sl!
z?_}nmF+SqIevO(8#^~=a<0Nsd=sYsXa<V4sM8HA2+XPU7Mx`4KYA{O?gUU0Y&8r{x
zR_%Z7x?N3mch#*^Ri~bP&stZ&dmj7jbH2OxK4+i35y~YL4$!JgCqhO3Oi<u-Ae^it
zOaj7*h;R}BjYWVl1n@bL!4cpO1kee92Z`WMfV5X3*ab)*<#pIuk+0Z+^IzR7(pR~T
zHx8h;>gC#lIY6x!PAKTPOB8?$0q}f8I1d1($Hb}Eh+rE4y{!Xm%_)V~v0>}Jm}tqw
zuw{UFTt?d1R1cun11gsiU@a7mOoGA@Fg|+0V{egE|9}8r1zmqdL3Ja}+q^lFQ8O|~
z86YkTNgJCk1_iDLfLTOvC4l1GLOTYKKMasR1VD)di%I(`L|D_Cr{7jxyJcHO_HroG
zC<DZXt@O&*uGV#JK7ukA0M7Eo`NCm<-cA7iGudSu0X(l0uCAEZ{$jF8jh?zPK>B!2
zZA}e2!6HRb=MmA#(w0K+1?c^x_yLmEZAcw`L<r9)ME`}2Th@m(Myk3U)&S{gyW!kQ
z$bXYa|0_UsY^W<o8bI&C;)nE5hmzF!K1BFQH>kfH(eT<1NqwfSn_&qM+OV{V6!-=J
zvI-S#F@SOapyxoe;|3dT6%zgo=e0i@tef<;9yS1>_M2+-?jyG=3VxFS&xn1g^gKY%
zet>*u?4*bi!1pl#@Kew`AH%EP>k)02=6ab22)%OSWYCV?K?paOJb{X975R9WfueQC
zMS-tz3F!W=o{FE0%J>CkW&uK5nx;TE+(n?=<ZA~+-H1Wb^QWjs4LlwJELQ-QV`Ine
zz?~(qgUkVh)-5>+D)9THDE}*g{4PzB)&<bLCw0<<Cxr+PfCB#)uk1*V&M2@!G6fK7
zTfB@QcPjvl5}12(t1w86W8st)gilGQAFA`V{J)e@?nrJX08-en_^(tYcNh7+)Jx)O
z=064KO0Cwi4S~Loja!~dB5S?Slxl#``ldQk;Xx?gcxSJ$>q^%y06y_bXIX`yd>0!x
zznxC<0a6PPZNrj>P*LwlE8~UfraZv0T>uQ0lokTGS8eRLFOB4<4j}aM!Uj?+9tOk<
z(#UY%G<SVebc9T6A#6v~Z%dmCOR4~(wJmuBLA@oddn7R3tZt>~V$p8C1aP0)*l}-Q
zUPRPEDgZ(+FPKib+`j^-Ux<h=$sMM9H$d;F$)!(-GTMv;H{!f4TZO8}SSj%U(Kar+
z4Y6W*j66!-(3t=UfUeVD=dRxJ&&gx(af%WR5N$)#FHupNlFY!^XzTj8_%JKwg$Vyy
zo!9=?Nu5R_0Yd8+T|`Rm7l3$CQW=*Bx{mDxC>%`$DS?PUcm);uCSIAm*Nuq-NMXa`
zCRNEjMgS)SV)}4teB^xqJrj<#oe21KY;0eZq@_y~K(q}D??I(<S&|r(cv=`7M|S{F
z;$JHYu@Zr9#l|iFBvd(qN{Io8wsG;}h`Drl-bS!6o`zssgl&?H6!s8S8#}&}gy|##
zAo|87D*)B6B!MBRr6Hy6@=p9F#Q#tm+P@a}dc+D4S~sg2s!nMpP-n%>h)j&16{Fo;
z41(uz&k28l-*_>$*JQB)<nYT2#*b9gb)e+V&&1|T!X!9?3LEXokDlU%TOA0MS7GC(
zgI*fRsv8SHXw8CCsk)*SP$`2$)=HZF@H-NIPm-<Dfjzlv;)p*SIY1a3Fru=BV3;`@
zM!8{+eOL^InxTS-?a-}W8#PEG1qi*oU_7Z6>&lWN<eke$zlN%nxzceMDz6$7p}G|r
zK<KFjBWRMkxomSpv}rSTs%7C?2kM<)iYn|-bO32vvaWnu6%jbhVUE0)=GTah%tC<Y
zu(9LXD7YC3K=igHD*(#(98oOjfHBhjuDv9?i10tudEwuagbtAM4SD3S7&suip`<J*
zohZkmxN#2^AhcoeJ*4EyzEz?t9!5QWfygfrGg=7fRy9Q5t<V5M8x}W_lKW*w*Ck!k
z%CHpSh0p=Nk_*WTI23@;x&;?gW#xK6Om_gcbiu%x+6>zwJZVJWH^`S^L&rO^mn;;3
z=o^>5QGV<sd#M8Uclh0;r-chPL4sG5c^#Jp>ttwa=>Va&re6|Bd?uT#0Vt$5CY0<2
z^W9%|??w7q62|jgsQ}T|FT5Sq%7=X~qFuw$=K&ll=a~%5Q^S#Qd*E)8-hu2u5Yhlr
z49!#Zs#FG6odm!D*<VhVCxx#W^wF~83ld!<E2NM#faq;Ywn~p%HF65T=yL&fw@TR`
zv3J6N=TbEupz0*R>hXR5KFRp^fczjme*)^>U;N(88xmBKX8g$a`1;ajrE$x28S5<t
zAfZJ(Jf#6p9SOu6Bk1Ok!7VR+@P@A%4>;z$BFI@1$|!709C`<+bDIyzsskM2ENa;=
zvLZMJ1_-q+Y#^v?k<Rk*GXVLQmY@G<M*$9YBtHWaON9ybaslDSSSw)oN5m~lRoY|x
zy79yEJp$DSjRh<LAWPqr{<ecR+W7hbtS~^rwn)-Wv`kP;zRttag;;g}dZ2yloh5F@
z??eV}8f;hQwNDGe?LYw0+Lk<oATb32AL-Ui0d!DD43He%nGAJ{fpPXt@>HiFt7zAj
zCCmN|Kp#Fc@LMVX@SVsoDM3>&_y$NZd5zL8h0iX)7(9kylf-qd&#K>P*A)%zG!#<>
zvr3hWyPgbQ76j!2ze#+214M6Y`c2@>P7Dl|7HUnuz2Rlg84~5tI{-)j=%tyjx_H`G
z0mfgE9$?tblGQJkD4lNu^u`hc!58l(G+L!JcK8Y_<qIIxw)mR_xqp*D`0*}0NRdd5
z_R;47p8Y@54Gil-u|(Os256hy`&_AeA%xC!q{X?0El+yw+803djZ3!!;#pn?6ROWZ
zVKqh_X<I$YBVR*m$TYrrb8_L6CiBCmbbQ}oo<8;6l^Ay<#!<0(cTzkymR7oU0d4+P
zrd{E!yh4O+*wFELul(~25N*TaWvJxt@j8&F`VJtW{V%&8V|p6Mp|VT^+%%T?-XiE-
zPM>FiakpZ683dUxzZ2QD8tA=5r|1YW!vSp(>3?H`w-nW$079?+<v7x52M~oHd41#*
zz!U5GCm0nt0!s~<fN<LyR=|v(;a1!E`{5%^I<ZST1Fw5SI7OE?fV4IJgh2T_|106K
z<=8sFnkhiWrVH60E2z}y*$?#IzXX>O9$D01J?MQ5gJk=^0DS!4ekn*rJ0y4z=XKmE
zN~|zIXk*h9LgfR|j-}M=yD+3ZE#Y1e@;J4R_#^qF6+rtUQvF0IG=bvh#BG?UT&U=$
z;#IE;y+alTh}PEhID!&wdIIwpnB7dmDt^I{G++$okEwony|d}s4Y0cf=>5J!N+a)x
z-j{!b|J1`;iOBjzfaNHdUO@;T$JX6Axw@+R!^mb}9cZwZt4t#NfP+=3w|^MTVL_0&
zq5^<9fa(c=<G%zj$zvF)olgSov^f<u^7LrzAP1oL{mHlUdI5m)sfojdx!lP(_tm{_
zEEWQYwz26)h|0}wou%q~Kj2`gG1zq@?n$Expi~sWpyU9M|E><Ds`5m@bG`*oIaZuv
zCy==Hp!WfVA8DDNgh?I*x*r?2-0e0MSAbCaO*Pbe<S2mR)>nGI=gYtI?-Hk1mI2=9
z0&n{kgsCy_JS_Jl{dXk&t~CgtRskrL07{iT7@TItAQ?9e;N&aC=e~C>(7TU{*LSMP
zK+$@NAH6#fsv7E@)ovk7-2t+(>25;hzTg~6NDp4Y5kzX31~X4x)`cUxh#Ywz=s>&w
zC$wIriC;-lYRNSQOjq&4;EAD-PPeL8m(GXi4v@B`I|%TM80ZgWNUZ%w;Tvhg*6@0{
z7v-CfAYfsTh`P{p?<-1?&bLBY6T^Nn!4hE<NCfx;Hg=p_YEmTuLK~Jgk%E~C{${9E
zf-n0#fg|W0gp6%xg5~gbfP;cg)>Hue{GEm&?^+lnZ`}*fz0b93pb7?9jurF2vn>;H
zLBjbsul-r4VM+o-Z(I5s0Gt~#jpE(sM)^++<3Y9Z0*=5p@8Yu;ui1ML=#Njit6-do
zs$wMIIe!N*<^uQr86@rBa<3<=2HPtPlyH*)mGty=1V~TY4d+%sAvy7O*eK;74t^f{
zcsQ{V1xF%*F?eGhYzNx?0syCFvnxG&iW`uRf<-|h%V_rkB0d3QkmQeq68x?Q)w4!4
zytc!RBu9Wy+tP;!@D4BY2(7LO4wfMNtH+mF9*U@HB?6Ary$fO0>tII_D1(a$5dQxj
zKw{V<d)Inc0f|)^&<qsLq9v&y!adl~@dHl)(KjwR0H}I6G?zr};BFWkRpS7vPcDAL
zCmy`$f*=w7r8hiUOZj`T6k;1jrptLqEVJ#_4k-L%!;j9)!XUX|nY&FAwW?(|p+Xlx
z;ZX6|IC$BoG<HlB1_-q^H4rHBBb5Z12ulxEvH10%s7@+scO2SQyd8HcqWuJ!UsP>b
z?fPTi4SDzOqCspeV=e&vf<VTKFphrx@PL7mKNMJ^Xh8K9ja!Cz#M-J@+NP$TAt~SR
zLvN^USeke^GZ#{=_!4l-ZH{D%N}y2ZExU6z;@^F&`1Drq8qzzSz6gLnrAiW{h?PD=
z_3A9Ty!a?Y@MCpe$F~PJwFQX2>H0lDU@LNbj2%xC!C(DSc83ta;+b9WQ5hs#zX#C$
z@zB0R?U6VPcDI?cH0c$7?$O^H0(^*#9jChjq_FY&YZQdlZgeF5d!fzkbW0xeZAj9Y
zW75Y@efO=kcS>ZCOnuB<ibQcY;+3E5M9J~LSgLp^s3^1Ws?9H1n+%a4vADH+n1oPO
z5$WM%cZjqVA|geVoa~8-bBf2mrAiW|h)J(upL`;$cG=}T90Cx%?Rt)pA5K7qi1v&T
z(9Puus;z1@9Km6(i5*BpRIRYxP=f9mcF$*!<PVGVv`uLo7}#L|Kzd(Vd`Ye%w?(9<
z#MTkH6tpwU(|(LAV?pddl6EO#l_q>)%5PUn6ht`Bn#yeeKxk9bT|~<LGI$+VA41Z@
z=FUUNW{GQ3QH^US4Mgrnl6Ioy#4mmw$@f7eY!gJd85=r&Vs<eAAX1_wMzxp@<KSga
zxKcoyzBZsv85|aN*f}K%ND+GT-tfGAU02j&1-^-Qh%AW+E3u)YKN9(1fKaL*MsdJ7
zwm(Xg!8hiayyx(^Uxrj4ED=Obw32dhC^~n3kJ5X<)?-*{?C8fu|6gchQ$3+F;D}3f
ztfbTvQm?GiV>lb-Zi_bfbjnSNq(#lL&f8GA4h)HygQQHyd7C$L)qa3z8=CGxMG^2Z
zaN}%z-@87B;^56@6hRSVKEA0WV`QsT5Rf9NQnRca=8HwXVC*Xha0@ne{Ad6`^o>hb
z1L8HwSQ&p*xY-|8^-4tA_@g32tp-U2!$+&syOFf1S=Obp*d>VcD{R=ZWFSD=u4kWv
zNvU045&OebugcOxe3>n(maC6e8r3W-C-`E~2qI1&D2*Lw_5+047Mw~@^^rK&l2_AJ
zB3RU`@~M@F^|PL8iFo?*I}yHTVn@iHec?aR^)MBos%*UX><5JIiP*4ppJ9U(Ub^PX
zO2vt*ggQuQC0F~y^t&n>=H6G(lp+Fl$dJy{sCMZE(6z2>b8~+CoB<H6x%Lhmea=Hh
z(6KZX4{>Ns*OE+2k0aZSw;rBjU%9Qh<pR;w4zcTt13m0pXYUm0Hg-(k6Y1Ym>sKx7
z14!M^am2*0dy2Xj6XE?Q4IY!*7?*<?mmbC&k0aXwIHb>%MF68dD{qzhq=>5>Qewnd
zpXz$#1nJsS>da>s8355+>RyFh&2-K%oA~0#6}>N>Zlbf&N?^PpCCva03=%KVBi+XD
zlOlNfLa_)a4w592&_Ql<5&2%%-%w_*y2J#C5t7*W#o<?b2`-sdkpl9aULP1^15dfi
zTbR*+;|n$Kd<%^GlB5^XL8)JbNUJWLNL7VB2E81Rz>E)@#0dx-<tCBrNNBRYH8%$g
zL)DTnnY3Ie;=x@fWAF2|U(6}E$(T0>Lmrjfry#B;RT362tz8&_80;b{j{0mds(XS;
zY5>yp=@m#VwF?RGcp`|J(*QVvNYYAKdX!v|!RnQ@vH=j827A!Gk&>fdEF8Task!bp
zLRj8E=ZX^mMobRM0_p9`UbiJ!YNuXVtIIangRX8$>=4X%-Gy39-NOiQ`+zyKn#Jl?
zf{N=+d4gz-nv_z~!=NSK2{>gjz{ELGlV(3&N&rH7_oJvaPkjQBt{*Uy$`g-AGE4?b
zi$|7%k=YYMawKFp+8)-?kL?7gI?+8!NhB15@vtftCs~Ewr%`X2+6+LALwJ+0Bi}MW
zY<4f-ob%;isZuyx^oioP4IH5)2~s320MYYn(YPc8m_CHZ36mmafDBq85pZx5mL8m3
zlZzi;sxYKVdI0h|QcK-C1n@aqK8!jOK&cLcMV|XC1H{5IH>2FF%Aq)W*?s$X@#Rb9
zd9_>`qy!*H^gc_F;w`#esTd6~;#Aq}@zq}$AYcR<5K4?=aF~jLzBy&HwTQT^`&uCn
zjZy*-j`Ld@AUx-q$pE<%Jj_0vs>2o_eW}&h$I3RxhZDQ`tu=?=v?;Mmk<<W0695RO
z93C0}?fS3*h!qf=Z;-uny%tU`)8+jBEr>_1S5j>2rv)IS3jl;?Xy*5p!X1B|WDXz<
z1opf=@_tbv@(Tt#cG~6ru-1#)SWgW=NDv^*+>vJhs3ZLCZV9bY4G;?$qyoW?udG(F
zdgW4LRkKn95byvH1_y&Arji<f^rbqJE)_)h?xI>*yNFfI$|OLTyOm=Bs^iJ4lQ@8c
zsUnGh!LCl%#{hb_SnD`Xvr+>PFDjPFc0Tsy<KKu&VgOPqYiz_k88BRlQ!87t;<Q6j
z0}xRoeSmCMimFz`&Wy1G#LVmGlyf{za9G?)ypR!_9g-G+=px6wb{seC5q`h!m}cF}
zItkT{6(9_bw;vFqGxACv?2f^-#paup8h{j_w5v&})sFa<JvM-d`aDIB3?8rmaBSCc
zUn`F^#Ac|c1RzNH?at1MBFv7^XpajZu5T?w_!LSV0_fUpo5opqxVQ}UlmG<u{Oiu{
z?xI|dD9}SJ0NL{!Z|)tUJd;tcdk=u-EsN`rVdFB?(*h8!XRZB%DX$AyJprI{oYz*K
z>c;_)#7d8zy#R$Hp7@ujldL3X#<eo4(DStYlUqNm4;dtp14PuN+z+pUw2=i4rXeN?
zl9mXIR5<qN(4Y-L7B56~E9#&PLQh$P@XAkHnc(OfAFp`E4<&)xq$cc7@6kJlhW!aN
zb#`nV2T(O3XfH$CM;uqTKhCZEnfU0D01TVsn2)xlo8Z*P3`r7MNsIl#ml!>tT#xj8
z?H9=m94CuQ6=MKKNY2F*anhT_0EC~*cJBq?`;HJw)Bs6~^k7zN$M$?_VCYeq3y`ZR
zzDC5Hyj~*=9ycHmw7eO3>xm^s_x|F2M@YpJK={}H-A4g0SmsOWq{a3yS#5+K<$siX
zb{k}2lpH|yDN-Xf;`w(2jJAJ5Uy@Yzq2hZR!4kU!v3XA}NV=zLUI5a+!P&U?2$Hmc
z1I*yneE_kKY~qR4B`V7_-Z|Fn=Wh12+0D1yIAx)DyV&kP$VdSO>|Yf@@dS_!Up-C{
zgJi;NfYTS1rm|1!04LE&Q_=EoD6>`<(;sNfbw5XhuZK!M$NObh`5@^PP$?b&a45}j
z)5JpiTaRnUPAw*u5h-!Fn6OI4NhHlMJtA}ltRoB%r+B(-;PZ_<$J`oR(sJKn!$T_M
zpHyeBUVJ<S8{$I&dF|fZvccUe+tgsYCTDTAXP|Hn436Pt4bE(Rw6yz$;~jZP2N1P`
zqE~lyUkn`DNc5PO+P_sYA*WqGsZ*;g>>;i9UUk-U_Za}mH`g|(h%J(M?%s_dO~!kV
zxy5heos5142^TkabPrM_5<5gY0?>0XQmJ8GAR&ObNrH)UY$b>rsN6S7d^PlZ@BG}H
z=bkkHLai50Agb6KIXQf1QpuZMaUUAhVuGKb#fuaP(+;7YBA5#S{i%ZRL+~cuZKFHA
zD<P}R5`@ke+9DmBg!Qev`yX`ZEp<BpAo@q=#>Qu$xcGAAM#_uNC7M(w6g8^=(EF(o
zaXt3p@XJ4dE;s4H7ixC5@dE8)pT83U1Rp8&D^BCD`vF3&wf{+ki(?~NsVJT>8LE=a
zLoEI-h=D(7Vxmc9q^Vg{D1yQvm|GltcYP1Si96Z$C{>))t9Ks-*t<54X$2pXXq8gG
z@+$)Y(o*+r0{Exky$9@pB?^P2@-xt%x7{@E19m;2xu_HgdYZ*I;0%n2j%~fL$n8a;
z$gOu4)hjCG?^I{6esCZ_nx{=8)L-+$;Lz*xt3`HO;iKIU0!4^sf%Ps$sOXNKKOF2q
zQ^*W1X`qXwNppH|m1gzI@WJZ39Ot$ec{>N_GNIk52VLk9rxaZq)REGIMHu%YW2cs;
zP}KFEA26}eZM@ZRjtL%=9a7qtvOfeJ3LT{fr+MytOA48hchYx*ZjL(uAk<p7f(Q)V
zD^X?S>Bq^z3IM(j;lL3_q(^}huu_u|In{ECXu@`d)>ZVfEwHDpo+!4JBBqpjC8Amx
zmxEteHgpI<a3z*eT5pRo>$!PO0Qq|&_;I3$SF1}q#&P}<uESx7)Jg!X^iDp5gfqdG
z^3^)H8ED5709sEmIGffT+ueot2@Y-Hs9uSvR;+q3IL2Hsq+=m)$(TS$ePE&c4xHWm
zuoFPeC4y}sjqR^nHrP4yu5iKPX&0Z0@ds1@MJ--1A`49ZyN%Qtb*8<$ggGvs=<vx*
zT2%)N{~V=<AUHUUo2_d}+NB3ynjhYEe$~~l{@xZK{6F=UI{xxJ;r$qPMSfSpUcnI*
zDaW1>&>3h5hs!}PZXr(oTWOabpy%IJX0HA-D}RSvIM}9z4zwZx8uO8FO|%)VTtOoG
zD;r?iVK%i>jXZ(FLA6Rv=Gqd>r9$_k>g?vfF9{HOVcJa6^%uijB;mf<7-#>hs7t96
zo;0gkHuLfX4t8yKaBok&^kA>{{HJp(=B!&&5+M8~wbbn-0OP7X*5cXzkVtK*M?oSt
z%o0hF(v{7rlNWF}o?0<+DVM4SfA#!sW#;N3@5F6`>uSw)KSG3?r7TR4PWb%@r+|yA
zlmbbbF2e@Tg8}~GQ{t{5r6Mq9z%Vz2g5LAEI`jD<el@lL$+y(bPyt_#YhU({TXS09
z$y1D!lzKUrhF?ympC2=sN3vcwbk-!P!&btcLvwKMnstM}b_~z1x74xwdxY^|29Xwn
zfnExRj>dbEL1G05KY87^4ru3-;=eX7?(kW#JBsR+c0if=tgW%@2oP$myPF8^6X&Mn
znygyIl+DU<CQi~Mp&;o$vGOW4m;o+<t$l%mpDe`r{>4dp=)L#j%;)a5``Qs8U9Hp4
ztRk(Lf;Eo9%;a|>Ni23iNg7D{-iiCV+;n><;&-m>PiOe5#rR0fW<T{7j-69IyY)R!
z05K#_OWjHUm><g?WiQ^!F|iCSJSYR@w1vPo%l!7iFnrS%y<@OuTjD5}t9m;58qCO%
zXBH#UCy7U-w<`6k8lBd>WQr(ip891%S|z+;WL9M9!BQj*g?|~7wCH|#HrSZA>BE;=
zW$kC&^rBN|g4}gbr$sn(<x{=@V*FyX)V)IhJ|eaGStU!GxQ}=PlAosLuHFN@4`jHo
zPrA0qmR+k8!5##7A7`xiY$;+~lMHIl*WQ8(J`(witS;`64?au=6v;3p%X47lnSd-o
z7;O92B|_pN(Op=-vSji}SAfv-XIGIjMlkud#En%3h(u-%>PkSJGFr$22lqAUTEIS)
znb=5=TZ#|?<|=CN@~683NsywNRr>=1{BC$FHmGNIN3WS2*>JH8WS)eLIlnl(nKFX!
zDmvc|MNc<WDGnDZlJ3CoNtGQl$4v)h1Km=>nxp7i62T*C{fgV%>bpu110cV>bRrcB
zd)zvc_C3Gj;AgfOEh0L<H2)^i7`i5}WyjLBs8)lQlMcKFaFnA>MPIsmbCYZS{OOO~
zMiv4{QHs<(OaQmLbtvWgBwi9qnV9oSJlpPB#d+&q@A|q`I@!GXa~jL@O}iUU*v2s>
zq)lBz)jIk?DAKYNX+-o>wSMK_x{=S{iv#3^OD2)7xFSwuP}e&A)|^9=W~{h{*|D9j
zh*P8q2=2fw+Pd8!B4c=23$``JoIgaZa_S;#bqn>X({bjnJ`|afFhC3`(p>idA^aba
zjsw+6@-4dGi3x`JwCmoQmxFDU{$FMObrzKngF7~Tvt*tq@w%}}RYGbwf+Qkof&f3l
z87poPT}E#JS#j}aXoUI!d+LY|;Hw_LK{ta@`|2QhjeJQDa~iyvMGR|^Y5Q?nEY&a5
z#Rm*k;{hemXsBH#Sa{r?eezsWP&tH(awcB>^g$6;c~Y^=4ym>F4x*4#C8WX4M3lpQ
z^@Q_qc<fiWx@=%r2R7m+v-CJaSgk5WcUZOw>GXYd=E{E%=9w28#M&vf*8QF+#J~<5
zb~J=Yie4BayKdwFVL-4;N6&t5F781m9#qXb_?q`a2@#qJ-&5+JIY*?bwT>qh%WPO^
ztzD!L{>tlM!u2^mRmCXb>S?Gbl!qheL`*3W(mjeN@)#%+X7^tXy0s14P)CFt@QM|`
zaHC`J_r3taorLP?n?-;)MFa7=Vy07MpLF2nVQ((4B=*-A1WDMgCkWVzGoEqu*ex|b
z-vFVOY3CE@;RImKB0yZ+$V+ZQzP#J{ROI&szJW2=K5>vFhHD7@!2kdUAxT6*RIL$~
zN@bw|Rizd$|MlyB=HnY6Jebx}cMk&C1Zed`ilt2k0m7$Hh8^OgNb#igF|M>G)_WRD
zr(sJDL%ISysLoh%r{B2*0*Ik%HBa3PNG{>gJ(3q^xF3(CdZ{ktVlucx*_U`;2$orw
zrHJJiI0|q8;Z~*onTvu<BQQXyrFI6%j)0QEV_tKSJb@%D;NZ#UMgsP|2O;*qVn3{q
z3u<r`&RX%CAj1R(NS~^;3<2&5Ldbx&e8kH~y;&`8Z@$C4vxt+YeNu$j)ji~Q=>)V~
zow4#eL8mJPAcm^dQu`VJP76wq(Vo*pSB;g@Rbo5oyMZ>`GA!A9>Co@R1G*)4at?&C
zTMUPj4PAQB@01xUFP6a`X#k<-+6xKscQS|qwFaO%hM2rkh%a~I$N@7;SjaB!h}tx~
z;@Nf?D<KUaOibbV+M5&w9}i4ehTYu*^Crz5m_ax~RIjK&x2m&ON=rs76(EK^(meHX
zM7k-^I%fRAR3P4@xpByW<B;$PtbgV&WwJ;*Kn#1Nxo#66e9<?d!{N!TZ|0O6+H!#C
zb)|k~t!(au0uXAgI~M>p5rO}sD1MV}mnuy*2g?0rfdhvT@-uM8YB@Hrg(IN=#IQ$N
zrp{M@I5MNZ!f(=z9E0Uj=0Ir<psp{*nX5cR<re2?XaF(nk(Sz95PZhe;-k+Tr+F@y
zG6$SFfTVvH>sS3SEFOglkRnLx9!5XG9y0hQB&<aouKjumzTlTfp##JKN%Pbv5b1hP
zL}u|_x+eydE0^Q|(XW;ImH#7bE=2+mo&>ejttNnLgeSzg&PSXqT)kXz7;!+SwaUzu
ze;&n*qXS4Wgy}{As1utQ0*s75kEj@}<yw((K-b^Iy_J{Z!qOo_WziEEK$zgpmdnPT
z0KG2=gQR?tC2O6t(GSs^STkY{PW{h6MKz&F0b;0Ht1g`g)!J$zfj1;+$`KOPiVf3o
z5MV2GY4h-^XLm)(g2(}4f`qCH&$&vH493Tba&a>=7E6w9y)kNVF#lo!NYQA&Y%IB{
zTV+E%Gke_kM0EYlBO`0(jE+#PveFtGKn#%l`>bj@`S7m+;c7<)CLve4@6|0g48j2<
zS_9gr*W&CKqt8#%M|i9NF`1{ePJIH&;hw~JLr@)r&*iph<bY1UR%V8O&*8?JL;!?|
zbi8rT`tw`26&i-$M{z?g%GSgHq-dAa-a><Yx5{>i=vro?9+CcCHALSkuS`l5K#Cxl
zI-h_zMC9=Z@*_?KP*ksTE7wmE2N2<qrs+53Lh{P>%ZkJS!~n_a+ViLae+Ja|=qihW
z<ovE!7Tf9cI--69)<3&7Y12z2K>Ce$^Z9N$h(pr$jWl|~cqS{2xH#`YL?_W72%_fn
z7;kMvsV&#@!U5R<7QBotS~t-W#GHf?QmE#XUw~36CDxHBbISF?;sE^)QNK}EXr8dB
z<bG2DkbafxrLR1U3PzJ@H%zV%<Gy7@JdBEksRD>$z^|V_mq=L-2p2}hr1CftI6$}+
zb^1=wSh*4?@zh1?0CHTK%zpqCCH#!Lp4eHgY{!A1DG1`^YH9&uNRyZT;u1pb0YGes
zlZoZA?K!}ioj}Dq{U)zT0$)=NkbWcnrR%;<h<5|h*-2pPaHjzg-_uaPKli1TKTkU^
zG64{a5&u0@)!Tsd(P>|pbkdK95%lFa!&|E5B+oTd05R0AwgqEBE8I%}-%c{)vql^0
z@MFlsGMu~OK$hl~Ie;8jyB43OWA~ki_%~Tvu%yieiGB)7#e;ao(>s$!n+$p~3lNhz
z$JQ)3wW^|UI|AJbnEC0-*c0x35P=afGnZSAmp}cndxP}W7&beG+7^s}LjD#&ypaIT
zO7D`zM>zt#uWS0hDV3Fv;N{VT-HC6u#gT^%K&*_Wm%h3P6!-=Km5+x-b|C4kNcc0H
zx$-HI>RGBYECFIJVE6h(e^!P08%Wb{0tLrqX<-A;Mb{1>Xpi;ig`Zc?ZhbFse<|%?
zSOa8$RC)2bD|H1HBH*=vG%RDDqF&gg>)L<oTF;XebJwg(>7JHKb{QZx?98vfu2CWS
zvI6RrgnG6wANBmZq-(8;(z60*u3am2cV(cnGC*7wv3Kot7gbb1BLK}Nf`-(egpm$N
zS~KX{S}1(-9A5d#whZj!(56rZh)34ah6PvXh2DBp)Jp-O7Jw#u>>}Fg1Ro*l?V#(g
zKtBI6&TZKgEdl8stqhQW>qi^DJW12lX-IT2DEN6K_#6OT6uG1!9YELKAc8*t(%YoN
z@6=pjGuF564mibO-MkEtkd~j;EI74*g|l<2b_RfQnvO6D2_^vII7Ipk0FEZo&H_+i
z0GNmg;{Ol;75_w}?L=@0NdE)~4iIR26`ei?>iw{w_3X%X>)Ubut9wJ5%CPSC{{xaE
Vs^B%sNJRhu002ovPDHLkV1nte_bUJZ

literal 0
HcmV?d00001

diff --git a/uni_modules/uni-fab/changelog.md b/uni_modules/uni-fab/changelog.md
new file mode 100644
index 0000000..9bd4729
--- /dev/null
+++ b/uni_modules/uni-fab/changelog.md
@@ -0,0 +1,23 @@
+## 1.2.5（2023-03-29）
+- 新增 pattern.icon 属性，可自定义图标
+## 1.2.4（2022-09-07）
+小程序端由于 style 使用了对象导致报错，[详情](https://ask.dcloud.net.cn/question/152790?item_id=211778&rf=false)
+## 1.2.3（2022-09-05）
+- 修复 nvue 环境下，具有 tabBar 时，fab 组件下部位置无法正常获取 --window-bottom 的bug，详见：[https://ask.dcloud.net.cn/question/110638?notification_id=826310](https://ask.dcloud.net.cn/question/110638?notification_id=826310)
+## 1.2.2（2021-12-29）
+- 更新 组件依赖
+## 1.2.1（2021-11-19）
+- 修复 阴影颜色不正确的bug
+## 1.2.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-fab](https://uniapp.dcloud.io/component/uniui/uni-fab)
+## 1.1.1（2021-11-09） 
+- 新增 提供组件设计资源，组件样式调整
+## 1.1.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.0.7（2021-05-12）
+- 新增 组件示例地址
+## 1.0.6（2021-02-05）
+- 调整为uni_modules目录规范
+- 优化 按钮背景色调整
+- 优化 兼容pc端
diff --git a/uni_modules/uni-fab/components/uni-fab/uni-fab.vue b/uni_modules/uni-fab/components/uni-fab/uni-fab.vue
new file mode 100644
index 0000000..43b4531
--- /dev/null
+++ b/uni_modules/uni-fab/components/uni-fab/uni-fab.vue
@@ -0,0 +1,491 @@
+<template>
+	<view class="uni-cursor-point">
+		<view v-if="popMenu && (leftBottom||rightBottom||leftTop||rightTop) && content.length > 0" :class="{
+        'uni-fab--leftBottom': leftBottom,
+        'uni-fab--rightBottom': rightBottom,
+        'uni-fab--leftTop': leftTop,
+        'uni-fab--rightTop': rightTop
+      }" class="uni-fab"
+				:style="nvueBottom"
+			>
+			<view :class="{
+          'uni-fab__content--left': horizontal === 'left',
+          'uni-fab__content--right': horizontal === 'right',
+          'uni-fab__content--flexDirection': direction === 'vertical',
+          'uni-fab__content--flexDirectionStart': flexDirectionStart,
+          'uni-fab__content--flexDirectionEnd': flexDirectionEnd,
+		  'uni-fab__content--other-platform': !isAndroidNvue
+        }" :style="{ width: boxWidth, height: boxHeight, backgroundColor: styles.backgroundColor }"
+				class="uni-fab__content" elevation="5">
+				<view v-if="flexDirectionStart || horizontalLeft" class="uni-fab__item uni-fab__item--first" />
+				<view v-for="(item, index) in content" :key="index" :class="{ 'uni-fab__item--active': isShow }"
+					class="uni-fab__item" @click="_onItemClick(index, item)">
+					<image :src="item.active ? item.selectedIconPath : item.iconPath" class="uni-fab__item-image"
+						mode="aspectFit" />
+					<text class="uni-fab__item-text"
+						:style="{ color: item.active ? styles.selectedColor : styles.color }">{{ item.text }}</text>
+				</view>
+				<view v-if="flexDirectionEnd || horizontalRight" class="uni-fab__item uni-fab__item--first" />
+			</view>
+		</view>
+		<view :class="{
+		  'uni-fab__circle--leftBottom': leftBottom,
+		  'uni-fab__circle--rightBottom': rightBottom,
+		  'uni-fab__circle--leftTop': leftTop,
+		  'uni-fab__circle--rightTop': rightTop,
+		  'uni-fab__content--other-platform': !isAndroidNvue
+		}" class="uni-fab__circle uni-fab__plus" :style="{ 'background-color': styles.buttonColor, 'bottom': nvueBottom }" @click="_onClick">
+			<uni-icons class="fab-circle-icon" :type="styles.icon" :color="styles.iconColor" size="32"
+				:class="{'uni-fab__plus--active': isShow && content.length > 0}"></uni-icons>
+			<!-- <view class="fab-circle-v"  :class="{'uni-fab__plus--active': isShow && content.length > 0}"></view>
+			<view class="fab-circle-h" :class="{'uni-fab__plus--active': isShow  && content.length > 0}"></view> -->
+		</view>
+	</view>
+</template>
+
+<script>
+	let platform = 'other'
+	// #ifdef APP-NVUE
+	platform = uni.getSystemInfoSync().platform
+	// #endif
+
+	/**
+	 * Fab 悬浮按钮
+	 * @description 点击可展开一个图形按钮菜单
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=144
+	 * @property {Object} pattern 可选样式配置项
+	 * @property {Object} horizontal = [left | right] 水平对齐方式
+	 * 	@value left 左对齐
+	 * 	@value right 右对齐
+	 * @property {Object} vertical = [bottom | top] 垂直对齐方式
+	 * 	@value bottom 下对齐
+	 * 	@value top 上对齐
+	 * @property {Object} direction = [horizontal | vertical] 展开菜单显示方式
+	 * 	@value horizontal 水平显示
+	 * 	@value vertical 垂直显示
+	 * @property {Array} content 展开菜单内容配置项
+	 * @property {Boolean} popMenu 是否使用弹出菜单
+	 * @event {Function} trigger 展开菜单点击事件，返回点击信息
+	 * @event {Function} fabClick 悬浮按钮点击事件
+	 */
+	export default {
+		name: 'UniFab',
+		emits: ['fabClick', 'trigger'],
+		props: {
+			pattern: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			horizontal: {
+				type: String,
+				default: 'left'
+			},
+			vertical: {
+				type: String,
+				default: 'bottom'
+			},
+			direction: {
+				type: String,
+				default: 'horizontal'
+			},
+			content: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			show: {
+				type: Boolean,
+				default: false
+			},
+			popMenu: {
+				type: Boolean,
+				default: true
+			}
+		},
+		data() {
+			return {
+				fabShow: false,
+				isShow: false,
+				isAndroidNvue: platform === 'android',
+				styles: {
+					color: '#3c3e49',
+					selectedColor: '#007AFF',
+					backgroundColor: '#fff',
+					buttonColor: '#007AFF',
+					iconColor: '#fff',
+					icon: 'plusempty'
+				}
+			}
+		},
+		computed: {
+			contentWidth(e) {
+				return (this.content.length + 1) * 55 + 15 + 'px'
+			},
+			contentWidthMin() {
+				return '55px'
+			},
+			// 动态计算宽度
+			boxWidth() {
+				return this.getPosition(3, 'horizontal')
+			},
+			// 动态计算高度
+			boxHeight() {
+				return this.getPosition(3, 'vertical')
+			},
+			// 计算左下位置
+			leftBottom() {
+				return this.getPosition(0, 'left', 'bottom')
+			},
+			// 计算右下位置
+			rightBottom() {
+				return this.getPosition(0, 'right', 'bottom')
+			},
+			// 计算左上位置
+			leftTop() {
+				return this.getPosition(0, 'left', 'top')
+			},
+			rightTop() {
+				return this.getPosition(0, 'right', 'top')
+			},
+			flexDirectionStart() {
+				return this.getPosition(1, 'vertical', 'top')
+			},
+			flexDirectionEnd() {
+				return this.getPosition(1, 'vertical', 'bottom')
+			},
+			horizontalLeft() {
+				return this.getPosition(2, 'horizontal', 'left')
+			},
+			horizontalRight() {
+				return this.getPosition(2, 'horizontal', 'right')
+			},
+			// 计算 nvue bottom
+			nvueBottom() {
+				const safeBottom = uni.getSystemInfoSync().windowBottom;
+				// #ifdef APP-NVUE
+				return 30 + safeBottom
+				// #endif
+				// #ifndef APP-NVUE
+				return 30
+				// #endif
+			}
+		},
+		watch: {
+			pattern: {
+				handler(val, oldVal) {
+					this.styles = Object.assign({}, this.styles, val)
+				},
+				deep: true
+			}
+		},
+		created() {
+			this.isShow = this.show
+			if (this.top === 0) {
+				this.fabShow = true
+			}
+			// 初始化样式
+			this.styles = Object.assign({}, this.styles, this.pattern)
+		},
+		methods: {
+			_onClick() {
+				this.$emit('fabClick')
+				if (!this.popMenu) {
+					return
+				}
+				this.isShow = !this.isShow
+			},
+			open() {
+				this.isShow = true
+			},
+			close() {
+				this.isShow = false
+			},
+			/**
+			 * 按钮点击事件
+			 */
+			_onItemClick(index, item) {
+				if (!this.isShow) {
+					return
+				}
+				this.$emit('trigger', {
+					index,
+					item
+				})
+			},
+			/**
+			 * 获取 位置信息
+			 */
+			getPosition(types, paramA, paramB) {
+				if (types === 0) {
+					return this.horizontal === paramA && this.vertical === paramB
+				} else if (types === 1) {
+					return this.direction === paramA && this.vertical === paramB
+				} else if (types === 2) {
+					return this.direction === paramA && this.horizontal === paramB
+				} else {
+					return this.isShow && this.direction === paramA ? this.contentWidth : this.contentWidthMin
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" >
+	$uni-shadow-base:0 1px 5px 2px rgba($color: #000000, $alpha: 0.3) !default;
+
+	.uni-fab {
+		position: fixed;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+		z-index: 10;
+		border-radius: 45px;
+		box-shadow: $uni-shadow-base;
+	}
+
+	.uni-cursor-point {
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.uni-fab--active {
+		opacity: 1;
+	}
+
+	.uni-fab--leftBottom {
+		left: 15px;
+		bottom: 30px;
+		/* #ifdef H5 */
+		left: calc(15px + var(--window-left));
+		bottom: calc(30px + var(--window-bottom));
+		/* #endif */
+		// padding: 10px;
+	}
+
+	.uni-fab--leftTop {
+		left: 15px;
+		top: 30px;
+		/* #ifdef H5 */
+		left: calc(15px + var(--window-left));
+		top: calc(30px + var(--window-top));
+		/* #endif */
+		// padding: 10px;
+	}
+
+	.uni-fab--rightBottom {
+		right: 15px;
+		bottom: 30px;
+		/* #ifdef H5 */
+		right: calc(15px + var(--window-right));
+		bottom: calc(30px + var(--window-bottom));
+		/* #endif */
+		// padding: 10px;
+	}
+
+	.uni-fab--rightTop {
+		right: 15px;
+		top: 30px;
+		/* #ifdef H5 */
+		right: calc(15px + var(--window-right));
+		top: calc(30px + var(--window-top));
+		/* #endif */
+		// padding: 10px;
+	}
+
+	.uni-fab__circle {
+		position: fixed;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+		width: 55px;
+		height: 55px;
+		background-color: #3c3e49;
+		border-radius: 45px;
+		z-index: 11;
+		// box-shadow: $uni-shadow-base;
+	}
+
+	.uni-fab__circle--leftBottom {
+		left: 15px;
+		bottom: 30px;
+		/* #ifdef H5 */
+		left: calc(15px + var(--window-left));
+		bottom: calc(30px + var(--window-bottom));
+		/* #endif */
+	}
+
+	.uni-fab__circle--leftTop {
+		left: 15px;
+		top: 30px;
+		/* #ifdef H5 */
+		left: calc(15px + var(--window-left));
+		top: calc(30px + var(--window-top));
+		/* #endif */
+	}
+
+	.uni-fab__circle--rightBottom {
+		right: 15px;
+		bottom: 30px;
+		/* #ifdef H5 */
+		right: calc(15px + var(--window-right));
+		bottom: calc(30px + var(--window-bottom));
+		/* #endif */
+	}
+
+	.uni-fab__circle--rightTop {
+		right: 15px;
+		top: 30px;
+		/* #ifdef H5 */
+		right: calc(15px + var(--window-right));
+		top: calc(30px + var(--window-top));
+		/* #endif */
+	}
+
+	.uni-fab__circle--left {
+		left: 0;
+	}
+
+	.uni-fab__circle--right {
+		right: 0;
+	}
+
+	.uni-fab__circle--top {
+		top: 0;
+	}
+
+	.uni-fab__circle--bottom {
+		bottom: 0;
+	}
+
+	.uni-fab__plus {
+		font-weight: bold;
+	}
+
+	// .fab-circle-v {
+	// 	position: absolute;
+	// 	width: 2px;
+	// 	height: 24px;
+	// 	left: 0;
+	// 	top: 0;
+	// 	right: 0;
+	// 	bottom: 0;
+	// 	/* #ifndef APP-NVUE */
+	// 	margin: auto;
+	// 	/* #endif */
+	// 	background-color: white;
+	// 	transform: rotate(0deg);
+	// 	transition: transform 0.3s;
+	// }
+
+	// .fab-circle-h {
+	// 	position: absolute;
+	// 	width: 24px;
+	// 	height: 2px;
+	// 	left: 0;
+	// 	top: 0;
+	// 	right: 0;
+	// 	bottom: 0;
+	// 	/* #ifndef APP-NVUE */
+	// 	margin: auto;
+	// 	/* #endif */
+	// 	background-color: white;
+	// 	transform: rotate(0deg);
+	// 	transition: transform 0.3s;
+	// }
+
+	.fab-circle-icon {
+		transform: rotate(0deg);
+		transition: transform 0.3s;
+		font-weight: 200;
+	}
+
+	.uni-fab__plus--active {
+		transform: rotate(135deg);
+	}
+
+	.uni-fab__content {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		border-radius: 55px;
+		overflow: hidden;
+		transition-property: width, height;
+		transition-duration: 0.2s;
+		width: 55px;
+		border-color: #DDDDDD;
+		border-width: 1rpx;
+		border-style: solid;
+	}
+
+	.uni-fab__content--other-platform {
+		border-width: 0px;
+		box-shadow: $uni-shadow-base;
+	}
+
+	.uni-fab__content--left {
+		justify-content: flex-start;
+	}
+
+	.uni-fab__content--right {
+		justify-content: flex-end;
+	}
+
+	.uni-fab__content--flexDirection {
+		flex-direction: column;
+		justify-content: flex-end;
+	}
+
+	.uni-fab__content--flexDirectionStart {
+		flex-direction: column;
+		justify-content: flex-start;
+	}
+
+	.uni-fab__content--flexDirectionEnd {
+		flex-direction: column;
+		justify-content: flex-end;
+	}
+
+	.uni-fab__item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: 55px;
+		height: 55px;
+		opacity: 0;
+		transition: opacity 0.2s;
+	}
+
+	.uni-fab__item--active {
+		opacity: 1;
+	}
+
+	.uni-fab__item-image {
+		width: 20px;
+		height: 20px;
+		margin-bottom: 4px;
+	}
+
+	.uni-fab__item-text {
+		color: #FFFFFF;
+		font-size: 12px;
+		line-height: 12px;
+		margin-top: 2px;
+	}
+
+	.uni-fab__item--first {
+		width: 55px;
+	}
+</style>
diff --git a/uni_modules/uni-fab/package.json b/uni_modules/uni-fab/package.json
new file mode 100644
index 0000000..18c0810
--- /dev/null
+++ b/uni_modules/uni-fab/package.json
@@ -0,0 +1,84 @@
+{
+  "id": "uni-fab",
+  "displayName": "uni-fab 悬浮按钮",
+  "version": "1.2.5",
+  "description": "悬浮按钮 fab button ，点击可展开一个图标按钮菜单。",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "按钮",
+    "悬浮按钮",
+    "fab"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": ""
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+"dcloudext": {
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+    "type": "component-vue"
+  },
+  "uni_modules": {
+    "dependencies": ["uni-scss","uni-icons"],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}
diff --git a/uni_modules/uni-fab/readme.md b/uni_modules/uni-fab/readme.md
new file mode 100644
index 0000000..9a444e8
--- /dev/null
+++ b/uni_modules/uni-fab/readme.md
@@ -0,0 +1,9 @@
+## Fab 悬浮按钮
+> **组件名：uni-fab**
+> 代码块： `uFab`
+
+
+点击可展开一个图形按钮菜单
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-fab)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 
\ No newline at end of file