UNPKG

amazeui

Version:

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

331 lines (329 loc) 8.44 kB
{ "name": "tabs", "version": "4.0.1", "author": { "name": "Shengli", "email": "china_victory@yunshipei.com" }, "localName": { "en": "Tabs", "zh-cn": "选项卡" }, "icon": "tabs.png", "description": "用于多标签切换", "poweredBy": "AllMobilize", "styleBase": [ "variables.less", "mixins.less", "base.less", "grid.less", "block-grid.less", "icon.less", "utility.less" ], "template": "tabs.hbs", "styleDependencies": [ "ui.component.less", "ui.tabs.less", "animation.less" ], "style": "tabs.less", "demoContent": [ { "title": "青春", "content": "【青春】那时候有多好,任雨打湿裙角。忍不住哼起,心爱的旋律。绿油油的树叶,自由地在说笑。燕子忙归巢,风铃在舞蹈。经过青春的草地,彩虹忽然升起。即使视线渐渐模糊,它也在我心里。就像爱过的旋律,没人能抹去。因为生命存在失望,歌唱,所以才要歌唱。", "active": 1 }, { "title": "彩虹", "content": "【彩虹】那时候有多好,任雨打湿裙角。忍不住哼起,心爱的旋律。绿油油的树叶,自由地在说笑。燕子忙归巢,风铃在舞蹈。经过青春的草地,彩虹忽然升起。即使视线渐渐模糊,它也在我心里。就像爱过的旋律,没人能抹去。因为生命存在失望,歌唱,所以才要歌唱。" }, { "title": "歌唱", "content": "【歌唱】那时候有多好,任雨打湿裙角。忍不住哼起,心爱的旋律。绿油油的树叶,自由地在说笑。燕子忙归巢,风铃在舞蹈。经过青春的草地,彩虹忽然升起。即使视线渐渐模糊,它也在我心里。就像爱过的旋律,没人能抹去。因为生命存在失望,歌唱,所以才要歌唱。" } ], "themes": [ { "name": "default", "desc": "蓝色选项卡", "options": { "cols": 3 }, "hook": "hook-am-tabs-default", "variables": [ { "variable": "tabs-nav-bg", "name": "标签背景色", "default": "#eee", "used": [ { "selector": ".am-tabs-nav", "property": "background-color" } ] }, { "variable": "tabs-nav-color", "name": "标签颜色", "default": "#333", "used": [ { "selector": ".am-tabs-nav a", "property": "color" } ] }, { "variable": "tabs-nav-active-bg", "name": "激活标签背景色", "default": "#0e90d2", "used": [ { "selector": ".am-tabs-nav > .am-active a", "property": "background-color" } ] }, { "variable": "tabs-nav-active-color", "name": "激活标签颜色", "default": "#fff", "used": [ { "selector": ".am-tabs-nav > .am-active a", "property": "color" } ] } ], "demos": [ { "data": { "options": { "cols": "3" } } } ] }, { "name": "d2", "desc": "下边框选项卡", "options": { "cols": 3 }, "hook": "hook-am-tabs-d2", "variables": [ { "variable": "tabs-nav-bg", "name": "标签背景色", "default": "#eee", "used": [ { "selector": ".am-tabs-nav", "property": "background-color" } ] }, { "variable": "tabs-nav-color", "name": "标签颜色", "default": "#333", "used": [ { "selector": ".am-tabs-nav a", "property": "color" } ] }, { "variable": "tabs-nav-active-bg", "name": "激活标签背景色", "default": "#0e90d2", "used": [ { "selector": ".am-tabs-nav > .am-active a", "property": "background-color" } ] }, { "variable": "tabs-nav-active-color", "name": "激活标签颜色", "default": "#fff", "used": [ { "selector": ".am-tabs-nav > .am-active a", "property": "color" }, { "selector": ".am-tabs-nav > .am-active", "property": "border-bottom-color" }, { "selector": ".am-tabs-nav > .am-active:after", "property": "border-bottom-color" } ] } ], "demos": [ { "data": { "options": { "cols": "3" } } } ] }, { "name": "one", "desc": "简约风格", "options": { "cols": 3 }, "hook": "hook-am-tabs-one", "variables": [ { "variable": "tabs-color", "name": "标签背景色", "default": "#fff", "used": [ { "selector": ".am-tabs-nav", "property": "background-color" } ] }, { "variable": "tabs-border-color", "name": "标签边框颜色", "default": "#15afef", "used": [ { "selector": ".am-tabs-nav, .am-tabs-nav > li + li", "property": "border-color" } ] }, { "variable": "tabs-nav-color", "name": "标签颜色", "default": "#15afef", "used": [ { "selector": ".am-tabs-nav a", "property": "color" } ] }, { "variable": "tabs-nav-active-bg", "name": "激活标签背景色", "default": "#15afef", "used": [ { "selector": ".am-tabs-nav > .am-active a", "property": "background-color" } ] }, { "variable": "tabs-nav-active-color", "name": "激活标签颜色", "default": "#15afef", "used": [ { "selector": ".am-tabs-nav > .am-active a", "property": "color" } ] } ], "demos": [ { "data": { "options": { "cols": "3" } } } ] } ], "jsBase": [ "core.js" ], "jsDependencies": [ "ui.tabs.js", "util.hammer.js" ], "script": "tabs.js", "api": { "id": { "name": "ID", "desc": "模块自定义ID,遵循CSS ID命名规范", "type": "text", "default": "", "required": false }, "className": { "name": "Class", "desc": "用户自定义模块class,遵循 CSS class 命名规范", "type": "text", "placeholder": "css类名,多个用空格分隔", "default": "", "required": false }, "theme": { "name": "主题", "desc": "模块主题", "type": "select", "default": "default", "required": true, "dataList": "<%= pkg.themes %>" }, "options": { "noSwipe": { "name": "触控操作", "desc": "是否禁用 Tabs 触控操作", "type": "select", "required": false, "default": 0, "dataList": [ { "value": 0, "title": "启用", "selected": 1 }, { "value": 1, "title": "禁用" } ] } }, "content": { "type": "Array", "item": { "title": { "type": "text", "desc": "Tab 标题" }, "content": { "type": "html", "desc": "Tab 内容" }, "active": { "type": "text", "desc": "激活状态(不激活则留空)", "hidden": true } } } }, "readme": "http://docs.yunshipei.com/amui/#tabs", "hidden": false }