最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
mip-vd-tabs tab切换组件详解
时间：2022-06-29 11:04:55 编辑：袖梨 来源：一聚教程网
| 标题 | 内容 |
| 类型 | 通用 |
| 支持布局 | responsive,fixed-height,fill,container,fixed |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-vd-tabs/mip-vd-tabs.js |
示例
一共支持5种样式
等分固定标签页
横滑标签页
带下拉按钮的横滑标签页
底部标签页
剧情展开标签页
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"为必填. 必填项：否相关文章