认识下微信小程序

小程序目录介绍

- project.config.json 项目配置文件，做一些个性化配置，例如界面颜色、编译配置等等
- app.json 当前小程序的全局配置,包话了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等
- sitemap 配置小程序及其页面是否允许被激佰索引
- pages 里面包含一个个具体的页面
- wxss 页面样式，app.wxss作为全局样式，会作用于当前小程序的所有页面，局部页面样式page.wxss 仅对当前页面生效
- app.js 小程序的逻辑
- js 页面逻葙
- json 页面配置
- wxml 页面结构

页面的引入、创建、模拟器预览

• 打开 app.json，在配置项 pages 内添加引入页面

"pages": {
    
    
"pages/news/news"	// 目录/目录/文件名  （不用加后缀）
}

• 如果添加的页面，在原目录没有的话，系统会自动在引用目录下创建一个页面，也就是一个快捷创建页面
• 如果你想某个文件第一个页面预览测试

"pages": {
    
    
"pages/index/index"		//配置项第一个为模拟器默认浏览
"pages/news/news"	// 目录/目录/文件名  （不用加后缀）
}

wxml 组件

• 以下为官网地址

https://developers.weixin.qq.com/miniprogram/dev/component/

编辑语法

../		当前目录上一层
/		根目录

小程序配置

• 以下为官网地址

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html