小程序-- 配置
来源:互联网 发布:工农牌糖精淘宝网 编辑:程序博客网 时间:2024/05/17 23:14
1、文件结构
a、公共的文件
app.js(必须存在)
app.json(必须存在)
主要配置项:
pages --- 需要引进页面的路径
window --- 窗口颜色显示标题、颜色以及全部内容背景颜色
tabBar -- 页面固定的导航里面的item内容以及显示样式
debug --- 为true时在页面调试的时候再console可看到调试结果
networkTimeout --- 设置各种网络请求超时时间
app.wxss
b、页面文件
一个页面的组成部分一共有
js(必须)
wxml(必须)
wxss
json
总结:
1、同一个页面上的文件规定相同的路径与文件名,文件后缀不一样而已,如果文件名不一样,需要单独添加在配置项中pages中
2、如果在tabBar中没有添加该链接,在该页面中不显示tabBar?
代码
{
"pages":[
"pages/index/index",
"pages/logs/logs",
"pages/test/test"
],
"window":{
"backgroundTextStyle":"dark", //加载时显示loading的样式,根据backgroundColor的背景颜色而定。light在背景颜色为白色时将看不到
"navigationBarBackgroundColor": "#3399ff", //设置顶部固定标签页背景颜色
"navigationBarTitleText": "测试小程序", //标签页的内容
"backgroundColor":"#fdfdfd", //专场时的背景颜色(或者下拉刷新时会看到)
"navigationBarTextStyle":"#fff", //标签页字体的颜色
"enablePullDownRefresh":true //设置是否有下拉刷新的样式
},
"tabBar": {
"color":"#999999", //固定tab字体颜色
"selectedColor":"#3399ff", //选中后的颜色字体
"borderStyle":"black", //tab上边框的颜色
"backgroundColor":"#fff", //tab导航的背景颜色
"list": [ //设置tab里面的内容
{
"pagePath": "pages/index/index", //item跳转对应链接
"text": "首页", //tab文本内容
"iconPath":"images/sort_asc.png", //tab的icon图标
"selectedIconPath":"images/sort_desc.png"//选中后tab的icon图标,使用的相对路径即可,这里是在根目录添加一个images文件,将图片放在里面即可
},
{
"pagePath": "pages/test/test",
"text": "测试",
"iconPath":"images/sort_asc.png",
"selectedIconPath":"images/sort_desc.png"
},
{
"pagePath":"pages/logs/logs",
"text":"日志",
"iconPath":"images/sort_asc.png",
"selectedIconPath":"images/sort_desc.png"
}
],
"position":"bottom" //tabBar的具体位置,设置为top时,就在顶部了,但是在navigationBar的上面(在微信开发者上面,手机未测)
},
"debug":false,
"networkTimeout":{ //未亲测
"request":1000,
"connectSocket":1000,
"uploadFile":1000,
"downloadFile":1000
}
}
0 0
- 小程序-- 配置
- 小程序-01基础配置
- firefox 加载 java applet小程序配置
- 小程序app.json的配置
- 为小程序访问tomcat配置https
- 配置小程序的艰辛历程
- 小程序学习 1 结构框架&配置
- 小程序后台开发Tomcat配置ssl
- 小程序app.json 基础配置
- 【微信小程序】小程序入门的目录结构及配置
- eclipse 下配置hibernate以及第一个hibernate小程序
- eclipse 下配置hibernate以及第一个hibernate小程序
- Java 基本常识+概述+环境变量配置+Hello World小程序
- spring AOP 简单的配置 示例小程序
- 通过Networkmanager网络管理小程序配置openvpn
- eclipse配置hadoop开发环境并运行WordCount小程序
- java环境变量配置,java小程序的编译运行规则
- 微信应用号(小程序)开发IDE配置
- C语言的基础学习及特殊例题的实现
- Android SystemServer 启动流程
- List集合中的对象根据属性排序
- pull方法写XML文件
- 仓促之间写的,有些不足,希望道友们给我建议
- 小程序-- 配置
- Redis入门(四)散列Hash
- 自学Matlab教程资源推荐
- 6、滑屏轮播——无缝循环版
- 轻度解析异步~IProgress<T>
- [Usaco07Jan] Running
- 解决Fiddler不能监听Java HttpURLConnection请求的方法
- kvm及管理工具 libvirt介绍
- [完全平方数 随机化权值Xor] UR #14 A 最强跳蚤