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

微信小程序问答 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 = ; } })