小程序—-全局配置篇

2021年2月22日21:06:34
评论
1,986 次浏览 679字阅读2分15秒

本文章用于个人技术总结,视频参考:B站,文档参考:微信官方文档•小程序,图标参考:阿里图标库

全局配置文件

pages字段

创建小程序,观察app.json文件

小程序—-全局配置篇

pages内为小程序所有页面的路径,在pages数组内添加路径可以直接生成对应文件夹.

window字段

navigationBarBackgroundColor控制的为导航栏背景颜色
小程序—-全局配置篇

#fff

小程序—-全局配置篇

#000000

 titleText控制的为主页标题文字
TextStyle控制的为文字颜色,颜色只能为black或white

不做演示

tabbar导航

 在app.json中新建tabBar字典
小程序—-全局配置篇pagePath为点击图标跳转的页面,此页面必须在pages中
text为页面标题
iconPath为图标路径
selectedIconPath为点击后显示的图标路径
小程序—-全局配置篇

添加四个导航

 

单独页面配置

app.json控制全局页面配置,单独页面进行配置需要在对应页面文件夹中json文件中更改,
在json文件中更改只会影响单独页面
小程序—-全局配置篇

更改主界面标题及颜色

sitemap配置

sitemap文件用于发布时准备,查阅文档后添加对应语法
7z7z7z
  • 本文由 发表于 2021年2月22日21:06:34
  • 转载请务必保留本文链接:https://www.7z7z7z.cn/index.php/2021/02/22/%e5%b0%8f%e7%a8%8b%e5%ba%8f-%e5%85%a8%e5%b1%80%e9%85%8d%e7%bd%ae%e7%af%87/
小程序--轮播图 技术分享

小程序–轮播图

轮播图使用swiper标签,每个轮播项使用swiper-item标签,标签内嵌套image标签 swiper标签存在默认样式:width 100%  heigth 150px image标签也存在默认...
小程序--事件绑定&数据绑定 技术分享

小程序–事件绑定&数据绑定

数据绑定 逻辑数据储存在js文件中,当前端wxml页面与js数据交互时,需要使用数据绑定,在wxml文件中{{}}双花括号内输入js中变量,wxml会从js文件中更新数据到前端 标签内参数也可用作数据...
小程序--轮播图 技术分享

小程序–轮播图

轮播图使用swiper标签,每个轮播项使用swiper-item标签,标签内嵌套image标签 swiper标签存在默认样式:width 100%  heigth 150px image标签也存在默认...
小程序--事件绑定&数据绑定 技术分享

小程序–事件绑定&数据绑定

数据绑定 逻辑数据储存在js文件中,当前端wxml页面与js数据交互时,需要使用数据绑定,在wxml文件中{{}}双花括号内输入js中变量,wxml会从js文件中更新数据到前端 标签内参数也可用作数据...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: