pbootcms微信小程序项目结构

微信小程序项目结构

2.1、pages文件夹

存放页面文件

2.2、utils文件夹

存放外部文件和全局文件，建议将api和md5文件存放到此处

2.3、app.json文件

全局配置文件，配置页面和底部tabbar等内容

2.4、app.wxss文件

全局css文件，微信小程序中后缀wxss即是样式文件

2.5、app.js文件

全局js文件

2.6.1、4个页面文件

1.index.js文件

必须有page({})函数

2.index.json文件

不能为空，本文件为空则不显示页面内容，{“usingComponents”: {}}

3.index.wxml文件

等同于html文件，小程序中后缀必须为wxml，使用了view标签代替div标签，实际开发过程类似。

4.index.wxss文件

等同于css文件，小程序中后缀必须为wxss,支持大部分css标签，详见微信小程序开发文档，开发过程中建议使用Flex进行布局，尺寸单位使用rpx，默认手机宽度为750rpx，所以当设置宽度为750rpx,即为100%宽度。