yyumeng

导航

 

1、app.json

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

文件中包含两个字段:

(1)、page字段:用于描述当前小程序所有页面的路径。

    接受一个数组,数组的第一项代表小程序的初始页面。小程序中新增/减少页面,都需要对 pages 数组进行修改。

    文件名不需要写文件后缀,因为框架会自动去寻找路径下 .json.js.wxml.wxss 四个文件进行整合。

(2)、window字段:小程序所有页面的顶部背景颜色,文字颜色都在此定义。

    该字段中navigationStyle 只在 app.json 中生效。

    后面说的pageName.json中navigationStyle 不会生效。

2、project.config.json

是针对小程序开发工具的一些配置,包括界面颜色啊等等。如果换了电脑,重新安装小程序开发工具时,把项目文件放上去时,就不用重新配置工具了。

3、page.json

用来表示pages/logs目录下的logs.json这类和小程序页面相关的配置。

就是可以分别配置单独页面的一些样式,注意:只是修改了app.json中window字段,所以,在此文件中也不需要写window这个键了。

4、WXML、WXSS、JS交互逻辑

WXML相当于html。WXSS相当于css。

WXML有标签和属性。不同的有:

  (1)、标签不一样,都被封装成组件。比如view、button、text等。

  (2)、多了一些wx:if这样的属性以及{{}}这样的表达式。MVVM开发模式。

WXSS具有css大部分的特性,但也有扩充和修改。

  (1)、新增了尺寸单位,rpx。

  (2)、提供了全局的样式和局部样式,可以写一个 app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 page.wxss 仅对当前页面生效。

  (3)、此外WXSS仅支持部分css选择器。

JS脚本文件内容的编写跟之前的js文件不同。也可以在JS中调用小程序提供的API。

 

posted on 2018-03-08 09:52  yyumeng  阅读(130)  评论(0编辑  收藏  举报