微信小程序学习--笔记(初)

2020-09-01

近些时间，学习微信小程序，简单做一下笔记

小程序项目的主要目录文件作用

  • project.config.json 项目配置文件，做一些个性化配置，例如界面颜色、编译配置等等

  • app.json 当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等

  • sitemap 配置小程序及其页面是否允许被微信索引

  • pages 里面包含一个个具体的页面

  • wxss 页面样式，app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 page.wxss 仅对当前页面生效。

  • app.js 小程序的逻辑

  • js 页面逻辑

  • json 页面配置

  • wxml 页面结构

    image-20200830162046870

小序根目录下的 app.json 文件用来对微信小程序进行全局配置。

1.配置项pages属性的使用

①创建目录的方法

②页面加载的顺序

③文件夹内的名字命名格式，wxml和wxss的命名规则

2.window属性的使用

用于设置小程序的状态栏、导航条、标题、窗口背景色。

①全局标题和单页面标题的修改方式，通过修改单页面的.json中的配置项

②分别修改导航栏及背景颜色的样式

3.tabBar配置

①注意导航配置格式

②演示默认导航条实现方法

4.页面配置

单页面配置项会覆盖全局配置

image-20200830162324133