前言: 首先呢,大家要知道的是小程序和vue的区别是不大的,有vue基础的话学习小程序的话会事半功倍。但是如果没有的话呢,其实也没有太难啦。好啦,现在进入正题咯!
在全局的app.json文件来对微信小程序进行全局配置。 1.配置页面路径
"pages":[ "pages/login/login", "pages/logs/logs", "pages/index/index", "pages/inner/inner", "pages/car/car", "pages/mine/mine", "pages/home/home" ],每行断句后面一定要加英文的“,”,否则会整段报错的。 就用"/pages/login/login"来举栗子吧,这个代表的就是在pages文件夹里面的login文件夹里的login文件。 是的没错,这个就相当于vue中的路由文件啦。
然后呢创建好以后,会在对应的文件夹下出现4个文件 这里面的js就是普通的js文件,json文件呢是用来配置一些这个页面的东西的,wxml就相当于html了,wxss就相当于是css了。
2.window 配置全局默认的窗口 navigationBarTextStyle:导航栏的标题颜色
navigationBarTitleText:导航栏的文字
navigationBarBackgroundColor:导航栏的背景颜色;
backgroundColor:窗口的背景色
3.tabar 导航条 color:HexColor 必填 导航条的默认颜色 selectedColor:HexColor 必填 文字选中的颜色 backgroundColor:HexColor 必填 背景色 borderStyle:边框颜色 list:tarbar列表 最多5个 list 数组中各项介绍 pagePath:页面路径,必须在 pages 中先定义 text:文本信息 iconPath:图片路径 selectedIconPath:选中中时的图片路径 当 position 为 top 时,不显示 icon。
4.请求时间
在创建好的login文件夹中,可以对login.json文件进行这个单页面的设置。 每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置。
