微信提供了動畫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...