大家好,我们主要的内容从今天开始,感谢大家的关注。本来说这几天持续更新来着,奈何工作太忙,实在没有挤出时间来写文章,在这里和大家说声抱歉!
好了,废话不多说了,直接进入我们今天的主题:小程序的基本配置
注意:再开始前,大家需要先了解一些前端只是,不需要太多,只要会布局、会写css就行,虽然前端框架不需要你做过多调整,但还是需要根据自己的业务情况,在框架基础上做一些微调。如果你有vue基础的话,有助于你更快熟悉小程序!
首先是小程序的基本配置,主要讲解我的项目用到的配置,大家可以关注:倒腾怪 体验小程序的完整功能
全局app.json配置
entryPagePath:
指定小程序的默认启动路径(首页),常见情景是从微信聊天列表页下拉启动、小程序列表启动等。如果不填,将默认为
pages
列表的第一项。不支持带页面路径参数。
pages:
用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对应位置的
.json
,.js
,.wxml
,.wxss
四个文件进行处理。
window
“navigationBarBackgroundColor”: “#fff”, // 导航栏背景颜色,如
#000000
“navigationBarTitleText”: “倒腾怪”, // 小程序的名称
“navigationBarTextStyle”: “black”, // 导航栏标题颜色,仅支持
black
/white
tabBar
如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
大家根绝情况来写,我没有用到所以这里就不多讲了,大家可以参考链接:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar
usingComponents
全局 自定义组件(下一期会跟大家讲到)
页面配置
navigationBarBackgroundColor 导航栏背景颜色,如
#000000
navigationBarTitleText 导航栏标题文字内容
navigationStyle 导航栏样式,仅支持以下值:
default
默认样式,custom
自定义导航栏,只保留右上角胶囊按钮。visualEffectInBackground 切入系统后台时,隐藏页面内容,保护用户隐私。支持
hidden
/none
,若对页面单独设置则会覆盖全局的配置,详见 全局配置
以上是我的小程序大概用到的配置,当然有一部分没有用到,但是是一些大家可能会用到的,也列出来给大家。
讲完了小程序的基本配置,接着下一期就是框架的引入和基本布局使用
大家期待下一期吧!