微信小程序开发图解案例教程微信小程序问答.docx
文本预览下载声明
微信小程序问答
1. 如何将元素固定在界面，不随着界面的滚动？
界面底部有4个导航菜单：筛选、出发时间、旅行时间、显示价格。把它们固定在界面底部，如图1所示。
图1 固定在界面底部
wxml示例代码如下所示：
view class=bottomNav
view id=0 class=common bindtap=switchNav筛选/view
view style=color:#ffffff|/view
view id=1 class=common bindtap=switchNav出发时间/view
view style=color:#ffffff|/view
view id=2 class=common bindtap=switchNav旅行时间/view
view style=color:#ffffff|/view
view id=3 class=common bindtap=switchNav显示价格/view
/view
wxss示例代码如下所示：
.bottomNav{
background-color: #505963;
display: flex;
flex-direction: row;
height: 45px;
line-height: 45px;
position: fixed;
bottom:0px;
width: 100%;
}
.bottomNav view{
margin: 0 auto;
}
.common{
font-size: 13px;
color: #ffffff;
}
2. 怎么样获取用户在表单组件输入的内容？
能够获取用户输入的内容，需要使用组件的属性bindchange将用户的输入内容同步到 AppService。
input id=myInput bindchange=bindChange /
checkbox id=myCheckbox bindchange=bindChange /
var inputContent = {}
Page({
data: {
inputContent: {}
},
bindChange: function(e) {
inputContent[e.currentTarget.id] = e.detail.value
}
})
3. 为什么脚本内不能使用window等对象？
页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本中使用window，也无法在脚本中操作组件。
4. wx.navigateTo无法同时打开超过5个页面？
一个应用同时只能打开5个页面，当已经打开了5个页面之后，wx.navigateTo不能正常打开新页面。请避免多层级的交互方式，或者使用wx.redirectTo。
5. 如何修改窗口的背景色？
使用 page 标签选择器，可以修改顶层节点的样式。
page {
display: block;
min-height: 100%;
background-color: red;
}
6. 如何跳转的时候带参数和跳转到的界面接收参数？
跳转带参数，示例代码如下所示：
Page({
btn: function () {
wx.navigateTo({
url: ../../index/index?id= + 1000 + name= + kevin
})
}
})
接收参数，示例代码如下所示：
Page({
onLoad:function(e){
var id = e.id;
var name = ;
}
})
显示全部