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. 微信小程序怎么实现点击商品加号显示商品属性选择框
这个就是开发的时候，设置事件促发，比如点击+号，跳转到页面的某个比例位置，这样就会到属性了，不过+号一般是放入购物车使用！