mip-vd-tabs tab切换组件详解

标题	内容
类型	通用
支持布局	responsive,fixed-height,fill,container,fixed
所需脚本	https://mipcache.bdstatic.com/static/v1/mip-vd-tabs/mip-vd-tabs.js

示例

一共支持5种样式

等分固定标签页

第一页

第二页

第三页

第四页

横滑标签页

第一季

第二季

第三季

第四季

第五季

第六季更新至09

带下拉按钮的横滑标签页

第一季

第二季

第三季

第四季更新至09

底部标签页

第一季

第二季

第三季

第四季更新至09

剧情展开标签页

type="episode"

toggle-more

toggle-label="老九门剧情选集"

allow-scroll

total="23"

current="11"

text-tpl="看第{{x}}集"

link-tpl="http://www.baidu.com/{{x}}/juji">

属性

type

说明：一共有三种特型, bottom(底部选项卡), episode(剧情选项卡), 不填则为默认特型

必填项：否

allow-scroll

说明：允许滑动

必填项：否

toggle-more

说明：是否显示下拉按钮. 前置依赖于allow-scroll属性

必填项：否

toggle-label

说明：下拉说明文字. 前置依赖于toggle-more属性

必填项：否

current

说明：当前已选标签页, 从0开始计数(current="3"表示第4个标签页). 当type="episode"时,表示当前剧集,从1开始计数(current="4"表示第4集),默认为1.

必填项：否

total

说明：剧集总数. 前置依赖于type="episode",并且当type="episode"为必填

必填项：否

page-size

说明：每页显示剧集数. 前置依赖于type="episode",默认为50

必填项：否

text-tpl

说明：显示在标签页上的剧集文案, "第{{x}}集"里的"{{x}}"将被替换成表示集数的数字. 前置依赖于type="episode".

必填项：否

link-tpl

说明：标签页和下拉菜单里的剧集跳转链接, 链接里的"{{x}}"将被替换成表示集数的数字. 前置依赖于type="episode",当type="episode"为必填.

必填项：否

head-title

说明：标签页和下拉菜单里的剧集跳转新页面的头部标题. 前置依赖于type="episode",当type="episode"为必填.

必填项：否