移動(dòng)端懸浮按鈕

分享一個(gè)uniapp中的懸浮按鈕,移動(dòng)端開發(fā)有時(shí)候會(huì)遇到懸浮按鈕的使用,它可以定位不同位置也可以配置展開菜單,菜單還可以插入圖片,菜單方向也可以設(shè)置,點(diǎn)擊事件的觸發(fā)等功能還是很全的

<template>
    <view>
        <uni-fab
            :pattern="pattern"
            :content="content"
            :horizontal="horizontal"
            :vertical="vertical"
            :direction="direction"
            @trigger="trigger"
        ></uni-fab>
    </view>
</template>

2022-09-29_090827.png
2022-09-29_090837.png
2022-09-29_090852.png
2022-09-29_090929.png

詳細(xì)參數(shù)配置請(qǐng)參考官網(wǎng)https://uniapp.dcloud.net.cn/component/uniui/uni-fab.html#%E4%BB%8B%E7%BB%8D

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 組件是視圖層的基本組成單元。 組件是一個(gè)單獨(dú)且可復(fù)用的功能模塊的封裝。 一個(gè)組件包括開始標(biāo)簽和結(jié)束標(biāo)簽,標(biāo)簽上可以...
    鄒鄒_ZZ閱讀 649評(píng)論 0 0
  • 環(huán)境搭建 頁面外觀配置 數(shù)據(jù)綁定 uni-app的生命周期 組件的使用 條件注釋跨端兼容 uni-app的事件 導(dǎo)...
    不是隔壁的老王啊閱讀 2,792評(píng)論 0 0
  • 2020/04/29 周三 #[http://fe.zuo11.com/daily/2020-04.html#ui...
    抓猹吃瓜閱讀 394評(píng)論 0 1
  • 開發(fā)工具 HBuilder-x[https://www.dcloud.io/hbuilderx.html]微信開發(fā)...
    渺渺空空閱讀 3,350評(píng)論 0 0
  • uni-app框架介紹 介紹 uni-app 是一個(gè)跨端開發(fā)框架,一套代碼運(yùn)行多個(gè)平臺(tái),并可以使用條件編譯實(shí)現(xiàn)不同...
    Jagtu閱讀 13,609評(píng)論 0 0

友情鏈接更多精彩內(nèi)容