amazeui
Version:
Sleek, intuitive, and powerful front-end framework for faster and easier web development.
410 lines (409 loc) • 11.4 kB
JSON
{
"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
}