php小程序开发实例,微信小程序全局配置开发实例

本文主要和大家分享微信小程序全局配置开发实例，主要以代码的形式和大家分享，希望能帮助到大家。

一.app.json

使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多

tab 等.

注意在.json不能注释，否则会出错。

二.工具栏tabBar

如果我们的小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面)，那么我们可以通过 tabBar 配置项指定

tab 栏的表现，以及 tab 切换时显示的对应页面。

tabBar 是一个数组，只能配置最少2个、最多5个

tab，tab 按数组的顺序排序

app.json中

{

"pages": ["pages/index/index",

"pages/coming/coming",

"pages/search/search",

"pages/top/top"

"window": {

"navigationBarBackgroundColor": "#47a86c",

"navigationBarTextStyle": "white",

"navigationBarTitleText": "小程序案例",

"backgroundColor": "#fff",

"backgroundTextStyle": "dark"

"tabBar": {

"color": "#686868",

"selectedColor": "#47a86c",

"backgroundColor": "#fff",

"list": [{

"pagePath": "pages/index/index",

"iconPath": "dist/images/popular_icon.png",

"selectedIconPath": "dist/images/popular_active_icon.png",

"text": "热映"

{

"pagePath": "pages/coming/coming",

"iconPath": "dist/images/coming_icon.png",

"selectedIconPath": "dist/images/coming_active_icon.png",

"text": "待映"

{

"pagePath": "pages/search/search",

"iconPath": "dist/images/search_icon.png",

"selectedIconPath": "dist/images/search_active_icon.png",

"text": "搜索"

{

"pagePath": "pages/top/top",

"iconPath": "dist/images/top_icon.png",

"selectedIconPath": "dist/images/top_active_icon.png",

"text": "口碑"

}]

"networkTimeout": {

"request": 10000,

"downloadFile": 10000

"debug": true

}

图标可以放在与pages同级，文件命名可是自定。

app.json中其他属性：可以查看手册，里面有详解。

php小程序开发实例,微信小程序全局配置开发实例相关推荐

小程序实战：微信小程序开发基础（胎儿体重测算工具实例）
概述何为小程序官方定义:小程序是一种新的开放能力,开发者可以快速地开发一个小程序.小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 简单来说就是附属于微信下的一款程序(类似于微软 W ...
微信小程序开发学习笔记001--认识微信小程序,第一个微信小程序
第一天,认识微信小程序,第一个微信小程序 1.什么是微信小程序? 是h5网页嘛?不是微信张小龙说: 小程序是一种不需要下载安装即可使用的应用, 它实现了应用"触手可及"的梦想,用 ...
HBuilderX搭建微信小程序；HBuilderX开发uni-app微信小程序；uni-app开发微信小程序；使用uni-app搭建微信小程序；使用uni-ui模板搭建微信小程序步骤
1.选择模板 uni-ui 2.得到创建项目 3.获取APPid 在微信小程序电脑后台获取APPID 这个方法适用于自己申请的微信小程序(自己用的小程序) 打开微信小程序官网:https://mp.w ...
开发一个微信小程序贵不贵，需要花费多少钱？
近年来微信小程序开发已经成为了热门话题,非常多商家想开发出一款属于自己的电商小程序,拥有小程序就就相当于成功了一半,小程序可以节省宣传推广成本,达到高效益的推广效果,微信小程序开发的价格,需要花费多少 ...
都2020年，开发制作微信小程序商城，需要准备什么资料？应该不会不知道吧！
微信小程序使用越来越广泛,而还未入局的对于微信小程序开发需要什么材料甚至不清楚,其实这些材料很简单.总结就是微信支付.微信小程序注册.小程序代码,下面展开说说. 小程序红利从腾讯刚发布的财报看,微信 ...
vue.js反编译_基于electron-vue开发的微信小程序反编译客户端
开源一个小程序反编译客户端咨询小程序反编译的同学比较多,虽然有开源库但是还是有同学不清楚如何去操作,所以索性做了一个客户端方便进行小程序的反编译 # 技术选型网上已经有大佬实现了C#版的反编译工具 ...
php小程序地图处理,微信小程序地图map详解及简单实例
微信小程序地图map 微信小程序map 地图属性名类型默认值说明longitudeNumber中心经度 latitudeNumber中心纬度 scaleNumber1缩放级别 markersArra ...
core和node开发小程序_成都小程序开发：微信小程序开发要多少钱？
定制开发一个微信小程序要多少钱呢? 成都小程序开发需要多少钱,成都小程序定制多少钱,成都小程序开发获得报价微信小程序背靠腾讯的亿级流量,有着非常强大的线上引流功能,目前微信小程序的开发越来越火爆,选 ...
一个程序如何连接到外网_如何从头开始开发一个微信小程序
网上有很多的人在问:怎么开发一个微信小程序?今天我来给大家详细讲讲如何申请开发并部署一个微信小程序,大家看完这篇文章后就能够自己运营一个属于自己的小程序了. 现在的小程序有百度小程序,头条小程序,支付 ...

php小程序开发实例,微信小程序全局配置开发实例

php小程序开发实例,微信小程序全局配置开发实例相关推荐

最新文章

热门文章