codecamp

快应用 tab-bar组件

概述

<tabs>的子组件，用来展示tab的标签区，子组件排列方式为横向排列

子组件

支持

属性

支持 通用属性

名称 类型 默认值 必填 描述
mode scrollable | fixed fixed 否 mode为scrollable时，子组件宽度为设置宽度，当宽度之和大于tab-bar宽度，子组件可以横向滚动；mode为fixed时，子组件宽度均分tab-bar宽度，当宽度之和大于tab-bar宽度，子组件依旧均分宽度

样式

支持 通用样式

名称 类型 默认值 必填
height <length> | <percentage> 100px 否

事件

支持 通用事件

tab-bar   示例代码

查看 示例代码


快应用 tabs组件
快应用 tab-content组件
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

快应用 指南

快应用 教程

快应用 总述

快应用 入门教程

快应用 框架教程

快应用 组件教程

快应用 平台教程

快应用 接口

快应用 其他

快应用 工具

快应用 参考手册

快应用 框架概述

快应用 组件文档

快应用 通用组件

快应用 容器组件

快应用 基础组件

快应用 表单组件

快应用 媒体组件

快应用 其他组件

快应用 画布组件

快应用 第三方组件

快应用 接口文档

快应用 界面交互

快应用 网络访问

快应用 文件数据

快应用 系统能力

快应用 安全

快应用 图形图像

快应用 声音音频

快应用 厂商服务

快应用 第三方服务

快应用 厂商开发者平台

OPPO开放平台 快应用文档

快应用 开发工具

快应用 厂商开发者账号申请

快应用 资源下载

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }