近期做个微信小程序项目，因项目设计需要，所以要做成自定义的tabBar才能实现设计效果图，具体效果如下图： 其中扫码买单，这个按钮效果，微信自带的tabBar是无法实现的，其后尝试了下custom-tab-bar 也是无法实现。 没办法了，既然微信的tabBar无法实现。那就自己弄个真-自定义tab ...
分类：
微信 时间：
2020-06-10 10:51:24
阅读次数：
113
开发环境：HbuilderX tabBar参数说明 color：导航栏字体颜色 selectedColor：选中后字体的颜色 backgroundColor：底部背景颜色 borderStyle：底部的border颜色，只能是“black”或者“white” list：对象，包含以下这些选项 { p ...
分类：
移动开发 时间：
2020-06-06 21:34:43
阅读次数：
557
微信小程序自定义tabbar 1.介绍：微信自带的tabbar已经无法满足我们的需求了，往往我们需要自定义tabbar，请看代码 <!-- 首先在page下面创建home首页页面，只用来存放我们的tabbar --> <van-tabbar active="{{ active }}" bind:ch ...
分类：
微信 时间：
2020-05-18 14:27:46
阅读次数：
115
首先，小程序的tabbar能动态的添加删除吗？答案是可以的。 实现过程： 开启小程序的自定义tab组件。 添加自定义tab组件目录。 在tab页onshow中，定义渲染函数，动态的去渲染自定义tab组件的内容。 代码： 1开启小程序的自定tab组件。 app.json文件 "tabBar": { " ...
分类：
微信 时间：
2020-05-01 19:05:37
阅读次数：
193
一，不确定有几个tabbar ,可能有三个，可能有四个，或者更多... 二，图片，文字点击高亮 三，跳转页面 四， 配置路由 虽然这个功能很多ui框架都有，但是封装也是一个学习的过程。 界面效果 父组件 <template> <div id="app"> <router-view></router- ...
分类：
其他好文 时间：
2020-04-30 17:23:21
阅读次数：
94
先说原因： 子路由的路径如果是 :id 那么在添加相同级别的子路由就是没用的；因为 :id 可以匹配使一个路由匹配多个不同的子路由； 今天做毕设的时候，想在原本就有子路由的 根路径上多加一个子路由，以实现 下方 tabbar 的点击不改变； { path: '/home', name: 'home' ...
分类：
其他好文 时间：
2020-04-30 15:18:59
阅读次数：
113
更新记录 时间 | 版本修改 | | | 2020年4月19日| 初版 | 前言 iOS中许多app的主界面，都是由一个tabBar，控制着多个主界面的。比如微信中，主界面有4个TabBarItem，分别对应“聊天”，“通讯录”，“发现”，“我的”。 对于iOS的app，很大可能app的rootVi ...
分类：
其他好文 时间：
2020-04-20 01:22:41
阅读次数：
49
其实对Tabbar 的用法的理解总结下来分这几个阶段： 第一阶段：在 app.json 中配置 "tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "pages/logs/logs ...
分类：
微信 时间：
2020-04-19 23:41:19
阅读次数：
345
前言 在开发小程序过程中，相信有一部分人，遇到过一个问题：当使用tabBar跳转页面时，所跳转的页面下方必定有 tabBar显示，而当你需要把它隐藏时，却束手无策。话不多说，在这里给大家分享如何隐藏tabBar的方法。 方法一:自定义tabBar 使用自定义tabBar，新建一个tarBar.wxm ...
分类：
其他好文 时间：
2020-04-18 13:33:39
阅读次数：
55
前言 距离上次初了解小程序结束已经20天了，因为公司项目催的急，所以会再安排一个前端来和我一起做项目。 所以为了让他快速上手小程序，并对项目结构有所了解，我写了一个开发指南。后来一想，顺便再把项目的初始化模板再做出来。 在这个新开的项目里，有一些初次尝试的东西。如eslint、pug、BEM，尽量将 ...
分类：
其他好文 时间：
2020-04-16 22:46:08
阅读次数：
92
