1、创建项目
注意:
1.1 测试号
1.2 目录地址不能为空,文件夹中不能有内容

2、 目录结构

3、 小程序页面的结构详情、总共分为四部分,具体如下:
NavigationBar
Background
Page
TabBar

4、 配置 navigationBar 和 background

具体代码如下:

5、 生成page页面
原来的:

修改后的:

具体操作:
在app.json中的pages中增加新页面地址、然后直接保存就会自动生成。
6、 配置tabBar
第一步:

第二步:粘贴上面👆的代码。
第三步:小程序全局配置(地址)
第四步:具体代码如下:

注意:tabBar与window同级;list最少2个、最多5个;
7、 配置轮播效果
第一步:

第二步:修改wxml、粘贴如下选中的代码

第三步:修改js、粘贴如下选中代码

第四步:修改wxml的内容

第五步:修改js文件中定义的数据

8、 完成、具体效果如下:

声明
本人博客的所有东西,部分源于网络书籍和视频,其他的是个人的理解感悟,经过自己整理撰写成博客。
本人博客均只用于个人学习、复习,不作为商业用途,如有侵权,请联系我修改或删除。
联系邮箱:itlaowen@163.com
浙公网安备 33010602011771号