微信小程序开发图解案例教程微信小程序问答.pdf
文本预览下载声明
微信小程序问答
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({
显示全部