微信小程式學習之路(三) 懸浮客服按鈕

2021-09-27 09:57:38 字數 512 閱讀 2330

我寫的懸浮按鈕,是參考官網文件,並稍加修改得到的

廢話不多,看**

movable-area 是movable-view 可移動的區域,如果需要新增內容,比如展示資訊之類的,可以放在movable-view標籤的前面。

且,page的height 設定為auto。

js部分**

//獲取應用例項

page(,

tap(e) )

},tap2() )

},onchange(e) ,

onscale(e) ,

call: function () )

},onload: function (options) );

}})

wxss**

page 

.min

movable-view

movable-area

微信小程式懸浮球效果

class movable area class movable view x y direction all bindchange bindcmove bindtouchend moveend bindtap balltap class my1 src image my 1.png mode as...

微信小程式學習三

接上篇 編譯的時候,在某個頁面編譯希望停留在此頁面的話,可以新增編譯,修改普通編譯為自定義編譯 首頁 首先新增乙個view容器 關於小程式的容器在文件中的元件可看到 在 view 中新增輪播圖 在index.js檔案中新增background 輪播陣列 key值 this自身為鍵了,注意此時自身應是...

探索微信小程式之路

為真時顯示 為假時不顯示 根據判斷語句的真假來判斷是否要顯示內容。也可以在data設定isshow來進行動態顯示隱藏。js page btnclick function wxml 這是乙個按鈕 要顯示的內容1或者 要顯示的內容2或者 頁面最初顯示 要顯示的內容1或者 點選按鈕後顯示 要顯示的內容2或...