主攻帝国 全栈为辅

小程序入门系列之了解结构样式及行为配置的关系

  在学习小程序之前,我们需要了解微信小程序开发的构成结构,总结起来就是结构(wxml),样式(wxss),行为(js),配置(json)四者构成一个页面。那么下面我们将依次简述一下内容: 

  在学习小程序之前,我们需要了解微信小程序开发的构成结构,总结起来就是结构(wxml),样式(wxss),行为(js),配置(json)四者构成一个页面。那么下面我们将依次简述一下内容:

  1.配置(json文件),配置当前页面的ui显示。先来个总的图:

  分解步骤开始:

  navigationBarBackgroundColor:导航栏的背景色,效果如下图:

  navigationBarTextStyle:导航栏标题样式,目前只有white和black两种:

  navigationBarTitleText:导航栏标题:

  backgroundColor:背景色,下拉的时候能看到,于是把enablePullDownRefresh设置为了true

  backgroundTextStyle:背景字颜色设置,同上面的,目前只有dark和light两个选项。

  剩余的是开关和位置参数,这个在文档中有相应的描述。