amazeui

{ "name": "titlebar", "version": "4.0.1", "localName": { "en": "Titlebar", "zh-cn": "标题栏" }, "icon": "titlebar.png", "author": { "name": "Shengli", "email": "china_victory@yunshipei.com" }, "description": "多用于创建header、标题栏等", "poweredBy": "AllMobilize", "styleBase": [ "variables.less", "mixins.less", "base.less", "grid.less", "block-grid.less", "icon.less", "utility.less" ], "template": "titlebar.hbs", "styleDependencies": [ "button.less", "icon.less" ], "style": "titlebar.less", "themes": [ { "name": "default", "desc": "左边框", "hook": "hook-am-titlebar-default", "variables": [ { "variable": "titlebar-bg", "name": "背景颜色", "default": "transparent", "used": [ { "selector": "", "property": "background-color" } ] }, { "variable": "titlebar-color", "name": "文本颜色", "default": "#0e90d2", "used": [ { "selector": ".am-titlebar-title", "property": "color" } ] }, { "variable": "titlebar-link-color", "name": "链接颜色", "default": "#0e90d2", "used": [ { "selector": "a", "property": "color" } ] }, { "variable": "titlebar-border-color", "name": "下边框颜色", "default": "#dedede", "used": [ { "selector": "", "property": "border-bottom-color" } ] }, { "variable": "titlebar-border-left-color", "name": "左边框颜色", "default": "#0e90d2", "used": [ { "selector": ".am-titlebar-title:before", "property": "border-left-color" } ] } ], "demos": [ { "desc": "文字标题", "data": { "content": { "title": "栏目标题", "nav": [ { "title": "more »", "link": "#more" } ] } } }, { "desc": "图片标题", "data": { "content": { "title": "<img src=\"http://s.amazeui.org/media/i/brand/amazeui-b.png\"/>", "nav": [ { "title": "more »", "link": "#more" } ] } } } ] }, { "name": "multi", "desc": "浅背景上边框", "hook": "hook-am-titlebar-multi", "variables": [ { "variable": "titlebar-bg", "name": "背景颜色", "default": "#f5f5f5", "used": [ { "selector": "", "property": "background-color" } ] }, { "variable": "titlebar-color", "name": "文本颜色", "default": "#0e90d2", "used": [ { "selector": ".am-titlebar-title", "property": "color" } ] }, { "variable": "titlebar-link-color", "name": "链接颜色", "default": "#0e90d2", "used": [ { "selector": "a", "property": "color" } ] }, { "variable": "titlebar-border-top-color", "name": "上边框颜色", "default": "#3bb4f2", "used": [ { "selector": "", "property": "border-top-color" } ] }, { "variable": "titlebar-border-bottom-color", "name": "下边框颜色", "default": "#e8e8e8", "used": [ { "selector": "", "property": "border-bottom-color" } ] } ], "demos": [ { "desc": "单个链接", "data": { "content": { "title": "栏目标题", "nav": [ { "title": "more »", "link": "#more" } ] } } }, { "desc": "多链接", "data": { "content": { "title": "科技频道", "nav": [ { "title": "手机", "link": "#more-1" }, { "title": "数码", "link": "#more-2" }, { "title": "影音", "link": "#more-3" } ] } } } ] }, { "name": "cols", "desc": "浅背景多链接", "hook": "hook-am-titlebar-cols", "variables": [ { "variable": "titlebar-bg", "name": "背景颜色", "default": "#f5f5f5", "used": [ { "selector": "", "property": "background-color" } ] }, { "variable": "titlebar-color", "name": "文本颜色", "default": "#555", "used": [ { "selector": "", "property": "color" } ] }, { "variable": "titlebar-link-color", "name": "链接颜色", "default": "#a2a985", "used": [ { "selector": "a", "property": "color" } ] }, { "variable": "titlebar-border-color", "name": "上边框颜色", "default": "#e1e1e1", "used": [ { "selector": "", "property": "border-top-color" } ] }, { "variable": "titlebar-link-active-color", "name": "激活链接颜色", "default": "#0e90d2", "used": [ { "selector": ".am-titlebar-title, .am-titlebar-title a", "property": "color" }, { "selector": ".am-titlebar-title", "property": "border-bottom-color" } ] } ], "demos": [ { "data": { "content": { "title": "栏目标题", "link": "#wtf", "nav": [ { "link": "#c1", "title": "子栏目" }, { "link": "#c2", "title": "子栏目" }, { "link": "#c3", "title": "子栏目" } ] } } } ] }, { "name": "one", "desc": "简约风格", "hook": "hook-am-titlebar-one", "variables": [ { "variable": "titlebar-bg", "name": "背景颜色", "default": "#fff", "used": [ { "selector": "", "property": "background-color" } ] }, { "variable": "titlebar-border-color", "name": "边框颜色", "default": "#15afef", "used": [ { "selector": "", "property": "border-bottom-color" }, { "selector": ".am-titlebar-title:before", "property": "border-left-color" } ] }, { "variable": "titlebar-title-color", "name": "标题颜色", "default": "#222", "used": [ { "selector": ".am-titlebar-title", "property": "color" } ] }, { "variable": "titlebar-title-link-color", "name": "标题链接颜色", "default": "#222", "used": [ { "selector": ".am-titlebar-title a", "property": "color" } ] }, { "variable": "titlebar-nav-link-color", "name": "更多链接颜色", "default": "#999", "used": [ { "selector": ".am-titlebar-nav, .am-titlebar-nav a", "property": "color" } ] } ], "demos": [ { "data": { "content": { "title": "栏目标题", "link": "#c", "nav": [ { "title": "more »", "link": "#more" } ] } } } ] } ], "jsBase": [ "core.js" ], "jsDependencies": [], "script": "titlebar.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 %>" }, "content": { "type": "Object", "item": { "left": { "type": "html", "desc": "左侧内容（可选，按需设置）" }, "title": { "type": "html", "desc": "中间内容（可选，按需设置）" }, "right": { "type": "html", "desc": "右侧内容（可选，按需设置）" } } } }, "readme": "http://docs.yunshipei.com/amui/#titlebar", "hidden": false }