文档章节

微信小程序之tab的实现(附源码和效果图)

o
 osc_pn11u1x9
发布于 2018/08/08 09:41
字数 191
阅读 16
收藏 0

精选30+云产品,助力企业轻松上云!>>>

tab功能的实现需要在项目根目录下app.json文件中配置,创建tab时,需要准备相应的图标文件和新建对应的页面,然后就可以在对应页面中写项目原型了。下面是一个简单的tab实现,直接可以拷贝到项目中使用,没有多余的代码。

###效果图: tab.png

######示例代码:

"tabBar": {
    "selectedColor": "#20B3AD",
    "color": "#999",
    "borderStyle": "white",
    "backgroundColor": "#F0F0F0",
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath": "images/home.png",
        "selectedIconPath": "images/homeSelected.png",
        "text": "首页"
      },
      {
        "text": "租赁",
        "pagePath": "pages/lease/lease",
        "iconPath": "images/lease.png",
        "selectedIconPath": "images/leaseSelected.png"
      },
      {
        "text": "预售",
        "pagePath": "pages/sale/sale",
        "iconPath": "images/sale.png",
        "selectedIconPath": "images/saleSelected.png"
      },
      {
        "pagePath": "pages/my/my",
        "iconPath": "images/mine.png",
        "selectedIconPath": "images/mineSelected.png",
        "text": "我的"
      }
    ]
  }

######GitHub源代码及下载地址:tab功能实现

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
常见的微信小程序需求源码程序

最近在网络上看到了一个教你小程序系列教程,觉得很不错。记录下来 1.教你:微信小程序如何实现scroll-view隐藏滚动条 2.教你:如何使用scroll-view组件实现视图垂直滚动(附源码) 3.教你:...

TheBeauty2016
03/31
0
0
商城类小程序开发全过程(附源码)

商城类小程序开发全过程(附源码) 商城类小程序是所有类别小程序中开发的热点,但其相对于其他类别的小程序,具有逻辑复杂、功能需求较大等特点,因此,对开发者具有一定的基础要求。 那我们...

wx5c960ebecc863
2019/03/23
0
0
微信小程序 授权登录详解(附完整源码)

一、前言 由于微信官方修改了 getUserInfo 接口,所以现在无法实现一进入微信小程序就弹出授权窗口,只能通过 button 去触发。 官方连接:https://developers.weixin.qq.com/community/deve...

osc_vyztkm1b
2019/12/26
136
0
微信小程序最新开发资源汇总,包含各类型小程序源码下载

小程序已经上线一年多,出现了各种实用好玩的小程序,可能很多从没接触过小程序的开发者都已蓄势待发,有些新手不知道怎么入手小程序,或者没有好的参考案例可以研究学习下,所以这里整理一部...

osc_kt69pvbx
2018/04/20
123
0
微信小程序:商城系列专辑(开发指南+精品Demo)

微信小程序联盟出品 商城开发指南: 微信小程序商城模块 | 链接 使用zanui开发小程序微商城(模板组件的开发规范)| 链接 ecshop商城开发:用户信息的获取和缓存,地址信息的缓存 | 链接 微信...

极乐小程序
2019/04/04
10
0

没有更多内容

加载失败,请刷新页面

加载更多

dict.items()和dict.iteritems()有什么区别?

问题: Are there any applicable differences between dict.items() and dict.iteritems() ? dict.items()和dict.iteritems()之间是否有适用的区别? From the Python docs: 从Python文档中......

法国红酒甜
今天
20
0
R中“ =”和“ <-”赋值运算符有什么区别?

问题: What are the differences between the assignment operators = and <- in R? R中赋值运算符=和<-之间有什么区别? I know that operators are slightly different, as this example ......

fyin1314
今天
20
0
之间的区别 和

问题: I'm learning Spring 3 and I don't seem to grasp the functionality behind <context:annotation-config> and <context:component-scan> . 我正在学习Spring 3,并且似乎不太了解<......

javail
今天
15
0
业内首款,百度工业视觉智能平台全新亮相

本文作者:y****n 业内首款全国产化工业视觉智能平台——百度工业视觉智能平台亮相中国机器视觉展(Vision China),该平台所具有的核心AI能力完全自主可控,在质检、巡检等场景中具有高效、...

百度开发者中心
昨天
7
0
我们如何制作xkcd样式图? - How can we make xkcd style graphs?

问题: Apparently, folk have figured out how to make xkcd style graphs in Mathematica and in LaTeX . 显然,民间已经想出了如何在Mathematica和LaTeX中制作xkcd风格的图形。 Can we d......

富含淀粉
今天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部