1. iphone11微信小程序怎麼設置浮窗
這個場面是不是很熟悉啊，沒錯咱們今天就要一起學習懸浮窗客服組件啦。你有沒有很期待訥~
題外話:（A君：聽說你們公司5/26要去廣州舉辦會銷活動是嗎？紅豆飯：是的，俺老闆說還有名額，你可以趕緊到活動行報名哦！）（紅豆飯：報告老闆， 會銷之行能帶上我嗎，說不定還能碰上紅豆飯的小粉絲訥。老闆：得得得，還粉絲、面條也沒有一根，好好在家守著。小姐姐：一臉的憂郁狀~~~）
言歸正傳，咱悶今天一起來學習懸浮窗功能吧！開啟學霸模式！
一、「懸浮窗」組件入口（其實大家可以直接理解為小程序客服組件。）
說明：進入製作頁面，在「頁面組件-其他-懸浮窗」找到其組件，將其拖拽到製作頁面中，可以看到其懸浮在頁面右下角。
二、組件設置
說明：選中組件，可以在右邊的欄目「懸浮窗組件設置」，如有需要可添加懸浮位及對其外觀（位置和大小、間距等進行調整）。
三、預覽效果（只能上傳到開發者工具上預覽，才能點擊進行對話。網頁端不行哈。）
備註：如何上傳到開發者工具並預覽，可以在教程中搜索「如何申請企業小程序並發布」查看詳細教程。
四、設置客服人員
說明：登入小程序平台，輸入已申請好的小程序賬號和密碼，登錄官方後台，點擊「客服消息」欄目，進入後點擊頁面上的「添加」，最多可以添加100個客服人員微信，添加成功後，添加人員需在微信上確認接受邀請成為客服人員的通知。
說明：點擊小程序官方後台-客服消息，可以看到頁面上有一個「在線客服功能」的文字，點擊進入後，用已被設置為客服人員且接受邀請的微信掃描出現的二維碼，就可以進入「客服聊天頁面」，和用戶進行聊天。
備註：一旦用戶被選擇接入，那麼其他客服進入在線客服功能聊天工具，就無法接入已被選擇的客戶。
2. 微信小程序如何實現消息提示框
微信小程序開發中toast也是重要的消息提示方式.
提示框：
wx.showToast(OBJECT)
顯示消息提示框
OBJECT參數說明：
示例代碼：
?
12345
wx.showToast({ title:'成功', icon:'success', ration: 2000})
wx.hideToast()
隱藏消息提示框
?
123456789
wx.showToast({ title:'載入中', icon:'loading', ration: 10000}) setTimeout(function(){ wx.hideToast()},2000)
wx.showModal(OBJECT)
顯示模態彈窗
OBJECT參數說明：
示例代碼：
?
123456789
wx.showModal({ title:'提示', content:'這是一個模態彈窗', success:function(res) { if(res.confirm) { console.log('用戶點擊確定') } }})
wx.showActionSheet(OBJECT)
顯示操作菜單
OBJECT參數說明：
success返回參數說明：
示例代碼：
?
12345678
wx.showActionSheet({ itemList: ['A','B', 'C'], success:function(res) { if(!res.cancel) { console.log(res.tapIndex) } }})
設置導航條
<view>提示：{{tip}}</view>
<button type="default" bindtap="showModal">點擊我彈出modal對話框</button>
<view>
<modal title="modal對話框" hidden="{{modalHidden}}" confirm-text="確定" cancel-text="取消"
bindconfirm="modalBindaconfirm" bindcancel="modalBindcancel">您好，我是modal對話框</modal>
</view>
Page({
data:{
// text:"這是一個頁面"
tip:'',
buttonDisabled:false,
modalHidden:true,
show:false
},
showModal:function(){
this.setData({
modalHidden:!this.data.modalHidden
})
},
modalBindaconfirm:function(){
this.setData({
modalHidden:!this.data.modalHidden,
show:!this.data.show,
tip:'您點擊了【確認】按鈕！',
buttonDisabled:!this.data.buttonDisabled
})
},
modalBindcancel:function(){
this.setData({
modalHidden:!this.data.modalHidden,
tip:'您點擊了【取消】按鈕！'
})
}
})
wx.setNavigationBarTitle(OBJECT)
動態設置當前頁面的標題。
OBJECT參數說明：
示例代碼：
?
123
wx.setNavigationBarTitle({ title:'當前頁面'})
wx.showNavigationBarLoading()
在當前頁面顯示導航條載入動畫。
wx.hideNavigationBarLoading()
隱藏導航條載入動畫。
頁面跳轉：
wx.navigateTo(OBJECT)
保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面。
OBJECT參數說明：
示例代碼：
?
123
wx.navigateTo({ url:'test?id=1'})
?
123456
//test.jsPage({ onLoad:function(option){ console.log(option.query) }})
注意：為了不讓用戶在使用小程序時造成困擾，我們規定頁面路徑只能是五層，請盡量避免多層級的交互方式。
wx.redirectTo(OBJECT)
關閉當前頁面，跳轉到應用內的某個頁面。
OBJECT參數說明：
示例代碼：
?
123
wx.redirectTo({ url:'test?id=1'})
wx.navigateBack(OBJECT)
關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages()) 獲取當前的頁面棧，決定需要返回幾層。
OBJECT參數說明：
動畫：
wx.createAnimation(OBJECT)
創建一個動畫實例animation。調用實例的方法來描述動畫。最後通過動畫實例的export方法導出動畫數據傳遞給組件的animation屬性。
注意: export 方法每次調用後會清掉之前的動畫操作
OBJECT參數說明：
?
123456
var animation = wx.createAnimation({ transformOrigin:"50% 50%", ration: 1000, timingFunction:"ease", delay: 0})
animation
動畫實例可以調用以下方法來描述動畫，調用結束後會返回自身，支持鏈式調用的寫法。
樣式：
旋轉：
縮放：
偏移：
傾斜：
矩陣變形：
動畫隊列
調用動畫操作方法後要調用 step() 來表示一組動畫完成，可以在一組動畫中調用任意多個動畫方法，一組動畫中的所有動畫會同時開始，一組動畫完成後才會進行下一組動畫。step 可以傳入一個跟 wx.createAnimation() 一樣的配置參數用於指定當前組動畫的配置。
示例：
?
1
<viewanimation="{{animationData}}"style="background:red;height:100rpx;width:100rpx"></view>
?
0414243444546474849
Page({ data: { animationData: {} }, onShow:function(){ varanimation = wx.createAnimation({ ration: 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({ ration: 1000 }) this.setData({ animationData:this.animation.export() }) }})
wx.hideKeyboard()
收起鍵盤。
3. 微信小程序怎麼實現點擊商品加號顯示商品屬性選擇框
這個就是開發的時候，設置事件促發，比如點擊+號，跳轉到頁面的某個比例位置，這樣就會到屬性了，不過+號一般是放入購物車使用！