最近做小程序時，會經常用到各種彈框。直接做顯示和隱藏雖然也能達到效果，但是體驗性太差，也比較簡單粗暴。想要美美地玩，添加點動畫還是非常有必要的。下面做一個底部上滑的彈框。 wxml wxss 關鍵的部分來啦~~ js 轉 ...

轉載自：https://blog.csdn.net/weixin_45727040/article/details/106715697 (若有侵權，請聯系刪除) component目錄下：popup為組件pages目錄下：bottom為要加入組件的頁面(具體效果展示在底部） 1.首先寫組件 ...

1、基本需求。 實現用戶自定義底部導航 2、案例目錄結構 二、程序實現具體步驟 ...

先看一下自定義底部導航（圖1）和未自定義的導航（圖2）效果差距 圖1 圖2 如何實現自定義底部導航 需要在app.json 的配置項"tabBar"中添加 "custom":true,添加了這個屬性之后，下面的list配置項將失效 所以如果自定義底部導航欄的話是不需要在app.json ...

之前我的做微信小程序的時候，需要一個底部導航樣式，但是我搜索的時候，大部分都是寫的一些小程序自定義的tabBar的樣式，而當時我在網上有一個地方找到了這個模板，現在介紹給大家參考參考 WXML代碼： JS代碼： WXSS代碼： 文章來源 ...

彈出 fixed 彈窗后，在彈窗上滑動會導致下層的頁面一起跟着滾動。 場景一：彈窗內無滾動內容 可以在彈窗最外層元素綁定touchmove事件，觸發事件返回false即（在vue類框架中也可以加.stop阻止冒泡）。 簡單寫法：catchtouchmove='preventTouchMove ...

動畫效果就是先變大再變小，有一個“彈”的動作~ ...

實現一個抽屜菜單的案例 wxml css /*button*/ .btn { width: 80%; padding: 20rpx ...