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

时间:2020-12-13  来源:淘宝运营  阅读:

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

示例

一共支持5种样式

等分固定标签页

第一页

第二页

第三页

第四页

内容1

内容2

内容3

内容4

横滑标签页

第一季

第二季

第三季

第四季

第五季

第六季更新至09

内容1

内容2

内容3

内容4

内容5

内容6

带下拉按钮的横滑标签页

第一季

第二季

第三季

第四季更新至09

内容1

内容2

内容3

内容4

底部标签页

内容1

内容2

内容3

内容4

第一季

第二季

第三季

第四季更新至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"为必填.

必填项:否

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

http://m.bbyears.com/taobaodaxue/116263.html

推荐访问:mip mip-2 mipi mipi接口 mipi协议 mips指令集 mips架构
相关阅读 猜你喜欢
本类排行 本类最新