微信小程序开发作业模板02-MOOC1
需积分: 0 14 浏览量
2022-08-08
21:52:02
上传
评论
收藏 249KB DOCX 举报
BIT Peterlong0612
1
作业 02 案例 2.5-2.7 综合
一、作业要求
编写一个小程序案例，将课程中的案例 2.5-2.7 进行综合。该案例包括 3 个页面，第一
个页面采用案例 2.6 的导航和布局方式，包括 2 个导航栏：“Flex 弹性盒模型布局”和“Float
页面布局”，点击某个导航栏将进入相应的页面。
将案例代码和小程序的运行结果粘贴在下面相应的位置，运行结果以图片的形式粘贴，
最后将 Word 文档另存为 PDF 文件，并将 PDF 文件上交。
二、作业内容
1．第一个页面的案例代码：
wxml
<view class="box">
<view class="title">框架</view>
<navigator url="./flex/flex" open-type="navigate">
<view class="waikuang">
<icon type="success_no_circle" class="myleft"></icon>
<view class="mycenter">Flex 弹性盒模型布局</view>
<image src="/images/right-arrow.png" class="myright"></image>
</view>
</navigator>
<navigator url="./float/float" open-type="navigate">
<view class="waikuang">
<icon type="success_no_circle" class="myleft"></icon>
<view class="mycenter">Float 页面布局</view>
<image src="/images/right-arrow.png" class="myright"></image>
</view>
</navigator>
<view>
评论0