设置标题栏 标题栏window在app.json文件里面，通过window对象里面的属性进行设置 window 用于设置小程序的状态栏、导航条、标题、窗口背景色。 属性 类型 默认值 描述 最低 ...

一、首先要关闭原生导航栏 ：在pages.json 中设置 "navigationStyle":"custom" 二、在APP.vue中 三、在components文件夹下新建文件：cu-custom.vue 四、将新建的组件在main.js ...

微信小程序最多能加5个导航图标。因为我们只有两个默认页面，这里我们就添加两个导航图标 先看我们要达到的就是这么一个效果 接下来开始实践： （1）准备工作 找几个图标，将上述起好名字的图标 保存到 小程序项目目录中 新创建的images 文件夹中，准备工作就做好了，项目目录 ...

先看效果 思路： 通过监听小程序的监听用户滑动页面事件 ，onPageScroll ，在用户滑动页面时，判断距离顶部的高度来决定顶部tabs的显隐以及透明度。 代码： wxml <van-tabs sticky class="tabs" style ...

场景 当从一个分类列表页面进入到一个详情页面的时候，由于这个详情页面是公用的，为了区分页面，就会设置该页面的导航用以区分。就需要开发者在页面加载的时候进行动态设置导航标题！ 实现API wx.setNavigationBarTitle(OBJECT ...

一、概述 微信小程序底部想要有一个漂亮的导航栏目，不知道怎么制作，于是百度找到了本篇文章，分享给大家。 好了 小程序的头部标题 设置好了，我们来说说底部导航栏是如何实现的。 我们先来看个效果图 这里，我们添加了三个导航图标，因为我们有三个页面，微信小程序最多能加 ...

直接在对应的xxx.json中支配如下，就可以了哈 ...

要点： 设置好导航栏高度后，用 calc减去导航栏的高度。 ...