微信小程序----框架

01.小程序框架

• 小程序的项目框架是自动生成的
• cloudfunctions放置云平台(后台)
• miniprogram放置前端相关内容
• components放置组件
• images放置图片
• pages放置前端页面
• style放置公共的css
• app.js公共js
• app.json配置文件
• app.wxss公共的css样式
• project.config.json配置文件相关

02.pages

• 每一个前端页面，都在pages文件夹内部有一个独立的文件夹
• wxml类似于之前的html
• wxss和之前的css基本一样，只是多了一个rpx单位
• js书写动态效果
• json配置页面信息，可以在app.json内部配置自动生成页面，json文件内部一定要使用双引号

03.rpx

可以根据屏幕宽度进行自适应

以iphone6为准，1px=2rpx，1rpx=0.5px

04.app.json

• app.json有一个pages属性，里面放置的就是每一个页面信息
• pages是一个数组，第一条数据会作为小程序首页
• “pages/my/my”===>“pages文件夹/创建页面文件夹/创建文件名字”
• 一般页面文件夹名字和创建文件名字保持一致
• 第一次创建的时候，先创建一条保存，不要创建数条以后再保存（有可能都生成不了）
• window属性放置配置信息

2021.02.21 19:30