### 提示框：
## wx.showToast(OBJECT)
### 顯示消息提示框
OBJECT參數說明：
### 示例代碼：
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000
})
## wx.hideToast()
### 隱藏消息提示框
wx.showToast({
title: '加載中',
icon: 'loading',
duration: 10000
})
setTimeout(function(){
wx.hideToast()
},2000)
## wx.hideLoading()
隱藏loading提示框
wx.showLoading({
title: '加載中',
})
setTimeout(function(){
wx.hideLoading()
},2000)
## wx.showModal(OBJECT)
### 顯示模態彈窗
### 示例代碼：
wx.showModal({
title: '提示',
content: '這是一個模態彈窗',
success: function(res) {
if (res.confirm) {
console.log('用戶點擊確定')
}
}
})
## wx.showActionSheet(OBJECT)
### 顯示操作菜單
OBJECT參數說明：
success返回參數說明：
wx.showActionSheet({
itemList: ['A', 'B', 'C'],
success: function(res) {
if (!res.cancel) {
console.log(res.tapIndex)
}
}
})
### 設置導航條
## wx.setNavigationBarTitle(OBJECT)
### 動態設置當前頁面的標題。
OBJECT參數說明：
### 示例代碼：
wx.setNavigationBarTitle({
title: '當前頁面'
})
## showNavigationBarLoading()
### 在當前頁面顯示導航條加載動畫。
## hideNavigationBarLoading()
### 隱藏導航條加載動畫。
頁面跳轉：
## wx.navigateTo(OBJECT)
保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面。
OBJECT參數說明：
### 示例代碼：
wx.navigateTo({
url: 'test?id=1'
})
//test.js
Page({
onLoad: function(option){
console.log(option.query)
}
})
>[warning]注意：為了不讓用戶在使用小程序時造成困擾，我們規定頁面路徑只能是五層，請盡量避免多層級的交互方式。
## wx.redirectTo(OBJECT)
關閉當前頁面，跳轉到應用內的某個頁面。
OBJECT參數說明：
### 示例代碼：
wx.redirectTo({
url: 'test?id=1'
})
## wx.navigateBack(OBJECT)
關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages()) 獲取當前的頁面棧，決定需要返回幾層。
OBJECT參數說明：
## wx.createAnimation(OBJECT)
創建一個動畫實例animation。調用實例的方法來描述動畫。最后通過動畫實例的export方法導出動畫數據傳遞給組件的animation屬性。
>[warning]注意: export 方法每次調用后會清掉之前的動畫操作
OBJECT參數說明：
var animation = wx.createAnimation({
transformOrigin: "50% 50%",
duration: 1000,
timingFunction: "ease",
delay: 0
})
## animation
動畫實例可以調用以下方法來描述動畫，調用結束后會返回自身，支持鏈式調用的寫法。
### 樣式：
### 旋轉：
### 縮放：
### 偏移：
### 傾斜：
### 矩陣變形：
## 動畫隊列
調用動畫操作方法后要調用 step() 來表示一組動畫完成，可以在一組動畫中調用任意多個動畫方法，一組動畫中的所有動畫會同時開始，一組動畫完成后才會進行下一組動畫。step 可以傳入一個跟 wx.createAnimation() 一樣的配置參數用于指定當前組動畫的配置。
### 示例：
<view animation="{{animationData}}" style="background:red;height:100rpx;width:100rpx"></view>
Page({
data: {
animationData: {}
},
onShow: function(){
var animation = wx.createAnimation({
duration: 1000,
timingFunction: 'ease',
})
this.animation = animation
animation.scale(2,2).rotate(45).step()
this.setData({
animationData:animation.export()
})
setTimeout(function() {
animation.translate(30).step()
this.setData({
animationData:animation.export()
})
}.bind(this), 1000)
},
rotateAndScale: function () {
// 旋轉同時放大
this.animation.rotate(45).scale(2, 2).step()
this.setData({
animationData: this.animation.export()
})
},
rotateThenScale: function () {
// 先旋轉后放大
this.animation.rotate(45).step()
this.animation.scale(2, 2).step()
this.setData({
animationData: this.animation.export()
})
},
rotateAndScaleThenTranslate: function () {
// 先旋轉同時放大，然后平移
this.animation.rotate(45).scale(2, 2).step()
this.animation.translate(100, 100).step({ duration: 1000 })
this.setData({
animationData: this.animation.export()
})
}
})
## wx.hideKeyboard()
收起鍵盤。
## wx.stopPullDownRefresh()
停止當前頁面下拉刷新。
## 指定model
指定哪個modal,可以通過hidden屬性來進行選擇。
<!--show.wxml-->
<view class="container" class="zn-uploadimg">
<button type="primary"bindtap="modalinput">modal有輸入框</button>
</view>
<modal hidden="{{hiddenmodalput}}" title="請輸入驗證碼" confirm-text="提交" cancel-text="重置" bindcancel="cancel" bindconfirm="confirm">
<input type='text'placeholder="請輸入內容" auto-focus/>
</modal>
`show.js`
//獲取應用實例
var app = getApp()
Page({
data:{
hiddenmodalput:true,
//可以通過hidden是否掩藏彈出框的屬性，來指定那個彈出框
},
//點擊按鈕痰喘指定的hiddenmodalput彈出框
modalinput:function(){
this.setData({
hiddenmodalput: !this.data.hiddenmodalput
})
},
//取消按鈕
cancel: function(){
this.setData({
hiddenmodalput: true
});
},
//確認
confirm: function(){
this.setData({
hiddenmodalput: true
})
}
})
- 商城api接口
- 首頁數據獲取
- 分類接口
- 購物車接口
- 商品信息接口
- 搜索接口
- 訂單列表接口
- 店鋪接口
- 收藏接口
- 收貨地址接口
- 生成訂單接口
- 支付接口
- 會員中心接口
- 登錄注冊接口
- 關于我們
- 圖片上傳
- 分銷中心
- 分銷明細
- 代金券
- 平臺紅包列表
- 分銷申請列表
- 我的推廣
- 微信小程序
- 簡介
- 開發前準備
- 目錄結構介紹
- 發起請求
- 網絡請求提交表單
- 代碼及開發所遇到問題總結
- 導航跳轉時所遇到的問題
- 緩存數據與數據取得的問題
- 如何引入外部css
- 如何定義與使用全局變量
- 如何定義新的界面
- 微信小程序支付
- 小程序的手機驗證碼登錄
- 上傳，下載
- 提示框
- app.json配置
- 配置demo
- pages
- window
- tabBar
- networkTimeout
- debug
- page.json
- 緩存
- 特效
- 滑動方式
- 城市切換
- 五星好評
- Switch
- 上拉加載
- wxml 標簽
- 視圖容器
- 基礎內容
- 表單組件
- 導航
- 媒體組件
- 自定義提示框
- 小程序內訪問網頁
- 倒計時顯示
- 微信小程序，如何在返回前一個頁面時，執行前一個頁面的方法
- 在本地可以請求到數據，但手機上是請求不到的
- curl請求失敗
- 代碼同步
- 短信平臺更換