zoukankan      html  css  js  c++  java
  • 小程序 新建项目底部tabbar

    在app.json中配置

    {
      "pages": [
        "pages/index/index", 
        "pages/staging/staging",
        "pages/shopcar/shopcar",
        "pages/find/find",
        "pages/my/my"
      ],
      "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "*****",
        "navigationBarTextStyle": "black"
      },
      "tabBar": {
        "backgroundColor": "#eee",
        "color": "#595757",
        "selectedColor": "#a53533",
        "list": [
          {
            "iconPath": "img/leaseOn.png",
            "selectedIconPath": "img/leaseOn.png",
            "pagePath": "pages/index/index",
            "text": "租赁"
          },
          {
            "iconPath": "img/staging.png",
            "selectedIconPath": "img/stagingOn.png",
            "pagePath": "pages/staging/staging",
            "text": "分期"
          },
          {
            "iconPath": "img/find.png",
            "selectedIconPath": "img/findOn.png",
            "pagePath": "pages/find/find",
            "text": "发现"
          },
          {
            "iconPath": "img/shopcar.png",
            "selectedIconPath": "img/shopcarOn.png",
            "pagePath": "pages/shopcar/shopcar",
            "text": "购物车"
          },
          {
            "iconPath": "img/my.png",
            "selectedIconPath": "img/myOn.png",
            "pagePath": "pages/my/my",
            "text": "我的"
          }
        ]
      }
    }
    color //默认颜色
    selectedColor  //选中颜色
    iconPath //默认图片路径
    selectedIconPath //选中图片路径
    pagePath //点击跳页路径
    text //导航文字
  • 相关阅读:
    php 函数strpos()
    uploadfy api中文文档
    thinkphp + 美图秀秀api 实现图片裁切上传,带数据库
    mysql 操作用户权限
    window.location 小结)
    turn.js 图书翻页效果
    thinkphp 内置标签volist 控制换行
    js 数据类型转换
    quartz 2.2.1
    Mysql测试链接
  • 原文地址:https://www.cnblogs.com/xiaoxiao2017/p/10709006.html
Copyright © 2011-2022 走看看