微信小程序开发教案
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第5章微信小程序设计及问答
教学过程
固定在界面底部
wxml 示例代码如下所示：
<view class="bottomNav">
<view id="0" class="common" bindtap="switchNav"> <view style="color:#ffffff ,,>l</view>
<view id="1" class="common, bindtap="switchNav"> <view style="color:#ffffff*,>l</view>
<view id="2" class="common, bindtap="switchNav"> <view style="color:#ffffff ,,>l</view>
<view id="3" class="common, bindtap="switchNav"> </view>
wxss 示例代码如下所示:
.bottomNav{
background-color: #505963; display: flex; flex-direction: rowheight: 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, />
筛选 </view> 出发时间</view> 旅行时间</view> 显示价格</view>。