吾爱破解 - LCG - LSG |安卓破解|病毒分析|www.52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 5050|回复: 15
收起左侧

[其他转载] 微信小程序开发(全局配置文件)

  [复制链接]
二饭 发表于 2020-12-9 21:35
本帖最后由 二饭 于 2020-12-9 21:52 编辑

全局配置文件指:app.json

pages字段

作用:控制页面目录

在小程序开发时,每个页面都对应一个目录,每个目录又分别有wxmlwxssjsjson四个文件。详细说明可查看后续文章介绍,本文主要详解全局配置文件。

该字段内容是一个字符串形式数组,数组中每一个元素代表一个页面。快捷键CTRL+S保存后会自动生成对应目录和页面
image.png

window字段

控制小程序顶部背景颜色,标题等

"window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#eb4450",
    "navigationBarTitleText": "标题名称",
    "navigationBarTextStyle":"white"
},

backgroundTextStyle:下拉 loading 的样式,仅支持 dark / light

navigationBarBackgroundColor:导航栏背景颜色,如 #000000

navigationBarTitleText:导航栏标题文字内容。

navigationBarTextStyle:导航栏标题颜色,仅支持 black / white

更多属性请移步微信开放文档中查看。

tabbar字段

控制导航条的。

"tabBar": {
    "color": "#999",
    "selectedColor": "#ff2d4a",
    "backgroundColor": "#fafafa",
    "position": "bottom",
    "borderStyle": "black",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "./icon/主页0.png",
        "selectedIconPath": "./icon/主页1.png"
      },
      {
        "pagePath": "pages/category/index",
        "text": "分类",
        "iconPath": "./icon/分类0.png",
        "selectedIconPath": "./icon/分类1.png"
      },
      {
        "pagePath": "pages/cart/index",
        "text": "购物车",
        "iconPath": "./icon/购物车0.png",
        "selectedIconPath": "./icon/购物车1.png"
      },
      {
        "pagePath": "pages/user/index",
        "text": "我的",
        "iconPath": "./icon/我的0.png",
        "selectedIconPath": "./icon/我的1.png"
      }
    ]
  },

image.png
color:tab 上的文字默认颜色,仅支持十六进制颜色。

selectedColor:tab 上的文字选中时的颜色,仅支持十六进制颜色。

backgroundColor:tab 的背景色,仅支持十六进制颜色。

position:tabBar 的位置,仅支持 bottom / top

borderStyle:tabbar 上边框的颜色, 仅支持 black / white

list属性

pagePath:指定点击后要跳转的页面路径

text:显示的页面名称

iconPath:未被点击时的图标图片

selectedIconPath:被点击后的图标图片

免费评分

参与人数 10吾爱币 +10 热心值 +9 收起 理由
anran8099 + 1 + 1 谢谢@Thanks!
nuanzhi + 1 + 1 我很赞同!
二狗O + 1 看一看~瞧一瞧
木云 + 1 谢谢@Thanks!
wx104 + 1 谢谢@Thanks!
文西思密达 + 3 + 1 欢迎分析讨论交流,吾爱破解论坛有你更精彩!
asd15555866 + 1 + 1 谢谢@Thanks!
ZZU隔壁老吴 + 1 + 1 学习一下
52pj17759127760 + 1 + 1 谢谢@Thanks!
Xmany + 1 + 1 用心讨论,共获提升!

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

 楼主| 二饭 发表于 2020-12-10 14:03
diaozatian815 发表于 2020-12-10 11:09
希望大佬等上一下详细的小程序上线步骤后端前端关联

好的,从基础的讲解,后面都会讲到的
ujmr7wt4adr 发表于 2021-6-9 23:41
二饭 发表于 2020-12-10 14:03
好的,从基础的讲解,后面都会讲到的

我想有偿做小程序不知道您能做吗?
770880 发表于 2020-12-9 21:45
天空の幻像 发表于 2020-12-9 21:47
厉害了,路过看看
196446 发表于 2020-12-9 21:52
进来涨知识了
 楼主| 二饭 发表于 2020-12-9 21:59

格式上有没有什么指教的
52pj17759127760 发表于 2020-12-9 22:03
看看,学习一下,涨涨知识,感谢分享
siaslfs 发表于 2020-12-9 22:19
看一看,瞧一瞧
tingkwan 发表于 2020-12-9 22:40
先收藏再学习.
yourwit 发表于 2020-12-9 23:38
学习一下楼主分享的知识
头像被屏蔽
diaozatian815 发表于 2020-12-10 11:09
提示: 作者被禁止或删除 内容自动屏蔽
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则 警告:本版块禁止灌水或回复与主题无关内容,违者重罚!

快速回复 收藏帖子 返回列表 搜索

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-4-28 22:30

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表