一、TabBar使用步骤 1.创建所需要的界面和所需要的图片: 2.配置文件: 我们找到项目根目录中的配置文件 app.json 加入如下配置信息 按 Ctrl+C 复制代码 按 Ctrl+C 复制代码 属性的解释 tabBar 指底部的 导航配置属性 color 未选择时 底部导航文字的颜色 se ...
分类:
微信 时间:
2019-11-27 16:25:08
阅读次数:
134
一、前言 项目接近尾声,就想着做一个总结,期间遇到了很多问题,网上的帖子也是五花八门,有些东西根本没有说到点上,导致走了很多弯路,介于本人也只是一个萌新,总结仅供参考。 二、mintUI组件的使用 1、Tabbar 用到mintUI,肯定是移动端的项目了,不论是app还是h5都少不了这个底部导航,关 ...
分类:
其他好文 时间:
2019-11-15 12:21:59
阅读次数:
82
微信小程序最多能加5个导航图标。因为我们只有两个默认页面,这里我们就添加两个导航图标 先看我们要达到的就是这么一个效果 接下来开始实践: (1)准备工作 找几个图标,将上述起好名字的图标 保存到 小程序项目目录中 新创建的images 文件夹中,准备工作就做好了,项目目录如下 (二)更改配置文件 每 ...
分类:
微信 时间:
2019-11-11 18:44:14
阅读次数:
123
mui 底部导航栏 <nav class="mui-bar mui-bar-tab " id="nav"> <a class="mui-tab-item mui-active" id="a1"> <span class="mui-icon mui-icon-home"></span> <span c ...
分类:
其他好文 时间:
2019-11-08 12:06:56
阅读次数:
266
1.在pages新建几个页面 2.配置tabBar, color字体颜色 selectedColor选中的字体颜色 backgroundColor底部背景颜色 borderStyle底部的border,只能是“black” 或者 "white" list , list是一个对象,包含以下这些选项 p ...
分类:
移动开发 时间:
2019-09-08 09:22:21
阅读次数:
1308
在日常项目中,总有几个页面是要用到底部导航的,总有那么些个页面,是不需要底部导航的,这里列举一下页面底部导航的显示与隐藏的两种方式: 其实很简单,我们在路由里面带上参数,这个参数就用来区分那个页面显示那个页面不显示。在vue官网里面有提到一个路由元信息的玩意,感兴趣的朋友可以看看,这里我就不多说直接 ...
分类:
其他好文 时间:
2019-08-26 14:38:39
阅读次数:
153
tabBar.vue文件,写法如下: tabBar.vue 中 js 路由代码如下: meta:用来判断底部tabbar组件是否显示 App.vue中,判断 底部导航栏是否显示 ...
分类:
其他好文 时间:
2019-06-30 15:46:45
阅读次数:
228
1.获取指定页面ID的webview plus.webview.getWebviewById('为页面设置的id值'); 该方法主要用于首页底部导航切换到子页面时不执行子页面的函数,因为在设置导航的时候我们设置了页面ID,所以可以用这种方法获取子页面,再通过mui.fire()进行自定义事件; 2. ...
分类:
Web程序 时间:
2019-06-19 16:35:23
阅读次数:
178