UNPKG

amazeui

Version:

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

410 lines (409 loc) 11.4 kB
{ "name": "accordion", "version": "2.1.0", "localName": { "en": "Accordion", "zh-cn": "折叠面板" }, "icon": "accordion.png", "author": { "name": "Minwe", "email": "minwe@yunshipei.com" }, "description": "类似手风琴的内容折叠模块", "poweredBy": "AllMobilize", "styleBase": [ "variables.less", "mixins.less", "base.less", "grid.less", "block-grid.less", "icon.less", "utility.less" ], "template": "accordion.hbs", "styleDependencies": [ "icon.less", "ui.component.less" ], "style": "accordion.less", "demoContent": [ { "title": "就这样恣意的活着", "content": "置身人群中 <br/> 你只需要被淹没 享受 沉默 <br/> 退到人群后 <br/> 你只需给予双手 微笑 等候", "active": true }, { "title": "让生命去等候,去等候,去等候,去等候", "content": "走在忠孝东路 <br/> 徘徊在茫然中 <br/> 在我的人生旅途 <br/> 选择了多少错误 <br/> 我在睡梦中惊醒 <br/> 感叹悔言无尽 <br/> 恨我不能说服自己 <br/> 接受一切教训 <br/> 让生命去等候 <br/> 等候下一个漂流 <br/> 让生命去等候 <br/>等候下一个伤口" }, { "title": "我就这样告别山下的家", "content": "我就这样告别山下的家,我实在不愿轻易让眼泪留下。我以为我并不差不会害怕,我就这样自己照顾自己长大。我不想因为现实把头低下,我以为我并不差能学会虚假。怎样才能够看穿面具里的谎话?别让我的真心散的像沙。如果有一天我变得更复杂,还能不能唱出歌声里的那幅画?" } ], "themes": [ { "name": "default", "desc": "圆角灰边", "options": { "multiple": false }, "hook": "hook-am-accordion-default", "variables": [ { "variable": "accordion-item-border-color", "name": "边框颜色", "default": "rgba(0, 0, 0, 0.05)", "used": [ { "selector": ".am-accordion-item", "property": "border-top-color" } ] }, { "variable": "accordion-title-color", "name": "标题颜色", "default": "rgba(0, 0, 0, 0.6)", "used": [ { "selector": ".am-accordion-title", "property": "color" } ] }, { "variable": "accordion-title-active-color", "name": "标题激活颜色", "default": "#428bca", "used": [ { "selector": ".am-accordion-title:hover", "property": "color" }, { "selector": ".am-active .am-accordion-title", "property": "color" } ] }, { "variable": "accordion-title-active-bg-color", "name": "标题激活背景颜色", "default": "#eee", "used": [ { "selector": ".am-active .am-accordion-title", "property": "background-color" } ] }, { "variable": "accordion-content-color", "name": "内容颜色", "default": "#666", "used": [ { "selector": ".am-accordion-content", "property": "color" } ] } ], "demos": [ { "desc": "", "data": { "options": {"multiple": true}, "content": [ { "title": "就这样恣意的活着", "content": "置身人群中 <br/> 你只需要被淹没 享受 沉默 <br/> 退到人群后 <br/> 你只需给予双手 微笑 等候", "active": true, "disabled": true }, { "title": "让生命去等候,去等候,去等候,去等候", "content": "走在忠孝东路 <br/> 徘徊在茫然中 <br/> 在我的人生旅途 <br/> 选择了多少错误 <br/> 我在睡梦中惊醒 <br/> 感叹悔言无尽 <br/> 恨我不能说服自己 <br/> 接受一切教训 <br/> 让生命去等候 <br/> 等候下一个漂流 <br/> 让生命去等候 <br/>等候下一个伤口" }, { "title": "我就这样告别山下的家", "content": "我就这样告别山下的家,我实在不愿轻易让眼泪留下。我以为我并不差不会害怕,我就这样自己照顾自己长大。我不想因为现实把头低下,我以为我并不差能学会虚假。怎样才能够看穿面具里的谎话?别让我的真心散的像沙。如果有一天我变得更复杂,还能不能唱出歌声里的那幅画?" } ] } } ] }, { "name": "basic", "desc": "极简无边框", "options": { "multiple": false }, "hook": "hook-am-accordion-basic", "variables": [ { "variable": "accordion-title-color", "name": "标题颜色", "default": "#333", "used": [ { "selector": ".am-accordion-title", "property": "color" } ] }, { "variable": "accordion-title-active-color", "name": "标题激活颜色", "default": "#428bca", "used": [ { "selector": ".am-accordion-title:hover", "property": "color" }, { "selector": ".am-active .am-accordion-title", "property": "color" } ] }, { "variable": "accordion-content-color", "name": "内容颜色", "default": "#666", "used": [ { "selector": ".am-accordion-content", "property": "color" } ] } ], "demos": [ { "desc": "", "data": { } } ] }, { "name": "gapped", "desc": "扁平分离边框", "options": { "multiple": false }, "hook": "hook-am-accordion-gapped", "variables": [ { "variable": "accordion-item-border-color", "name": "边框颜色", "default": "rgba(0, 0, 0, 0.1)", "used": [ { "selector": ".am-accordion-item", "property": "border-color" } ] }, { "variable": "accordion-title-color", "name": "标题颜色", "default": "rgba(0, 0, 0, 0.6)", "used": [ { "selector": ".am-accordion-title", "property": "color" } ] }, { "variable": "accordion-title-active-color", "name": "标题激活颜色", "default": "rgba(0, 0, 0, 0.8)", "used": [ { "selector": ".am-accordion-title:hover", "property": "color" }, { "selector": ".am-active .am-accordion-title", "property": "color" } ] }, { "variable": "accordion-title-active-bg", "name": "标题激活背景色", "default": "#f5f5f5", "used": [ { "selector": ".am-active .am-accordion-title", "property": "background-color" } ] }, { "variable": "accordion-content-color", "name": "内容颜色", "default": "#666", "used": [ { "selector": ".am-accordion-content", "property": "color" } ] } ], "demos": [ { "desc": "", "data": { } } ] }, { "name": "one", "desc": "简约风格", "options": { "multiple": false }, "hook": "hook-am-accordion-one", "variables": [ { "variable": "accordion-item-border-color", "name": "边框颜色", "default": "#dfdfdf", "used": [ { "selector": ".am-accordion-item", "property": "border-color" } ] }, { "variable": "accordion-title-color", "name": "标题颜色", "default": "#555", "used": [ { "selector": ".am-accordion-title", "property": "color" } ] }, { "variable": "accordion-content-color", "name": "内容颜色", "default": "#666", "used": [ { "selector": ".am-accordion-content", "property": "color" } ] }, { "variable": "accordion-title-active-color", "name": "标题激活颜色", "default": "#15afef", "used": [ { "selector": ".am-active .am-accordion-title", "property": "color" } ] }, { "variable": "accordion-title-active-color", "name": "标题激活背景色", "default": "#f8f8f8", "used": [ { "selector": ".am-active .am-accordion-title", "property": "background-color" } ] } ], "demos": [ { "desc": "", "data": { } } ] } ], "jsBase": [ "core.js" ], "jsDependencies": [ "ui.collapse.js" ], "script": "accordion.js", "api": { "id": { "name": "ID", "desc": "模块自定义ID,遵循CSS ID命名规范", "type": "text", "default": "", "required": false }, "className": { "name": "Class", "desc": "用户自定义模块class,遵循 CSS class 命名规范", "placeholder": "css类名,多个用空格分隔", "type": "text", "default": "", "required": false }, "theme": { "name": "主题", "desc": "模块主题", "type": "select", "default": "default", "required": true, "dataList": "<%= pkg.themes %>" }, "options": { "multiple": { "name": "同时展开多个面板", "desc": "是否允许同时展开多个面板", "type": "select", "default": false, "required": false, "dataList": [ { "value": "false", "title": "不启用", "selected": true }, { "value": true, "title": "启用" } ] } }, "content": { "type": "Array", "item": { "title": { "type": "text", "comment": "面板标题" }, "content": { "type": "html", "comment": "面板内容" } } } }, "readme": "http://docs.yunshipei.com/amui/#accordion", "hidden": false }