微信小程序开发学习内容

项目结构

1. pages 文件夹用于存储路由组件
2. 新建 components 文件夹用于存储通用组件
3. app.js 文件夹：入口 JavaScript 文件
4. app.wxss 文件夹：全局 CSS 配置
5. app.json 文件夹：全局配置信息

• pages:
  配置路由设置为使用绝对路径指定为首页路径成为首页

• window:
  全局导航栏配置参数设置

  • navigationBarBackgroundColor值指定导航栏背景颜色
  • navigationBarTitleText字段设置为显示导航栏标题
  • navigationBarTextStyle仅允许设置为白色或黑色

• TabBar: 底部导航条（数量在2至5个之间）

• color: 非选择状态下显示的文字颜色

• selectedColor: 选择状态下显示的文字颜色

• list: 单独配置项用于导航设置

• pagePath: 绝对路径：保存文件的位置

• text: 当前文字内容

• iconPath: 非点击状态下的图标位置

• selectedIconPath: 图标被点击后的展示位置

组件结构

1. wxml: html文件

• div =>