• 从零开发小程序和公众号【第三期】


    大家好,我们主要的内容从今天开始,感谢大家的关注。本来说这几天持续更新来着,奈何工作太忙,实在没有挤出时间来写文章,在这里和大家说声抱歉!

    好了,废话不多说了,直接进入我们今天的主题:小程序的基本配置

    注意:再开始前,大家需要先了解一些前端只是,不需要太多,只要会布局、会写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,若对页面单独设置则会覆盖全局的配置,详见 全局配置

    以上是我的小程序大概用到的配置,当然有一部分没有用到,但是是一些大家可能会用到的,也列出来给大家。

    讲完了小程序的基本配置,接着下一期就是框架的引入和基本布局使用

    大家期待下一期吧!

  • 相关阅读:
    51单片机学习:定时器1实验
    基于ssm的剧本杀管理系统
    夏季预防声带息肉的方法有哪些?
    抓住金三银四的尾巴,解锁程序员面试《刷题神器》
    Jackson忽略json数组中null元素
    不要在问了!工作六年总结的Java面试题与经验
    NOIP2010 提高组 复赛 flow 引水入城
    keepalived+haproxy配置集群和负载均衡
    tomcat目录下创建临时文件,长时间没有使用会被系统清理掉
    Java接口自动化框架:maven编译警告解决之-Xlint:unchecked以及使用了未经检查或不安全的操作
  • 原文地址:https://blog.csdn.net/l602108654/article/details/125457686