微信小程序开发图解案例教程微信小程序问答.pdfVIP

微信小程序问答 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({