微信小程式實戰之自定義抽屜選單(7)

2022-10-06 20:48:25 字數 1020 閱讀 9885

微信提供了動畫api,就是下面這個

相關鏈結:

通過使用這個建立動畫的api,可以做出很多特效出來

下面介紹乙個抽屜選單的案例

實現**:

wxml:

button

程式設計客棧

選單1

選單2

選單3

fyhmaorywclass="drawer_title line">選單4

選單5

wxss:

/*button*/

.btn

/*mask*/

.drawer_screen

/*content*/

.drawer_attr_box

.drawer_content

.drawer_title

.line

js:page(,

powerdraw程式設計客棧er: function (e) ,

util: function(currentstatu));

// 第2步:這個動畫例項賦給當前的動畫例項

this.animation = animation;

// 第3步:執行第一組動畫:y軸偏移240px後(盒子高度是240px),停

animation.translatey(240).step();

// 第4步:匯出動畫物件賦給資料物件儲存

this.setdata()

// 第5步:設定定時器到指定時候後,執行第二組動畫

settimeout(function () )

//關閉抽屜

if (currentstatu == "close")

); }

}.bind(this), 200)

// 顯示抽屜

if (currentstatu == "open")

); } }

})本文標題: 微信小程式實戰之自定義抽屜選單(7)

本文位址:

微信之自定義選單

建立介面 刪除介面 40033 不合法的請求字元,不能包含 u x格式的字元 json時會把漢字也轉碼,所以只有老老實實的拼接字串 建立選單 public function create menu menu,access token public function del menu access t...

微信自定義選單

1.首先實現我們寫乙個index方法,將資料庫讀出來的資料進行格式轉換,與二級選單的格式相同,foreach data as k v this assign mpinfo mp this assign list data this display data i post.data foreach d...

微信小程式之自定義元件

根據官方文件 自定義元件一步一步來 在元件的wxml中可以包含 slot 節點,用於承載元件使用者提供的wxml結構。class circle box style width px height px class circle bg canvas id style width px height p...