微信小程序项目结构

王景锋超级管理员

289℃

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%宽度。


Tags: 微信小程序