zoukankan      html  css  js  c++  java
  • vue uni-app项目中的tabbar

    由于公司要求开发百度小程序,所以我们采用uni-app开发的方式,一套代码多个小程序都可以用,在开发小程序的时候我们也经常会使用到tabbar。当然自己写出来也是不错的。这个就来介绍uni-app中的组件tabbar的使用方法。

    一:在项目目录下创建好页面导航所需要的页面

    二:在uni-app查找到tabbar方法

    2.1我们可以点击uni-app官网,中的框架

    2.2然后Ctrl+F键进行搜索tabBar

    2.3然后点击tabBar,就会自动跳转到tabBar的地方

    三:复制uni-app的tabBar的源码

    3.1:复制

    然后我们来解析一下这些啥意思

    pagePath:我理解的是跳转的地址

    iconPath:这是为点击时候的图标

    selectedIconPath:这是点击后的图标

    text:这是你下面导航的文字,也就是你图标下面带有的文字

    list:大家看这个是一个数据包着的对象,就肯定知道里面可以放不少的数据,但是官网现在最少2个最多也就是5个

    四:将复制的代码,放进自己项目文件夹的pages.json里面

    放入以后一定修改好自己所需要的的参数。然后在进行保存,运行

  • 相关阅读:
    结对编程之附加题:单元测试
    机器学习第二次作业
    第一次作业
    机器学习第二次作业
    机器学习第一次个人作业
    软工实践个人总结
    第08组 Beta版本演示
    第08组 Beta冲刺(5/5)
    第08组 Beta冲刺(4/5)
    第08组 Beta冲刺(3/5)
  • 原文地址:https://www.cnblogs.com/Old-vegetable-chicken/p/14241285.html
Copyright © 2011-2022 走看看