首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >云开发版的微信商城小程序第二章

云开发版的微信商城小程序第二章

作者头像
编程小石头
发布于 2020-12-29 15:17:03
发布于 2020-12-29 15:17:03
8900
举报

我们上面创建好基础项目以后,我们就要来改造项目,初始化我们的商城小程序项目了。

2-1,创建图片目录用来放置图标

我们正常创建的默认项目是一个单页面,我们要想实现下面效果所示的多页面就要借助tabBar来实现多页面。

我们要使用tabBar就需要用到图标,所以我们要创建一个放图标的目录。

然后把我提前给大家准备好的图标放到image里即可。

这些图标我会在配套学习资料里给到大家。

2-2,创建多个页面

关于小程序里页面的快速创建我小程序基础里讲过很多遍了,这里就不再啰嗦,直接在app.json里创建下面三个页面即可

2-3,设置tabBar实现多页面布局

上面三个页面创建好以后,我们就可以通过tabBar来设置多页面布局了。 在app.json里添加如下配置。

这样我们就可以实现可以自由切换的多页面小程序了。

到这里我们的项目初始化就完成了。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-12-23,如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • 2-1,创建图片目录用来放置图标
  • 2-2,创建多个页面
  • 2-3,设置tabBar实现多页面布局
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档