zui
Version:
一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。
2,218 lines (2,217 loc) • 57.7 kB
JSON
{
"version": "1.9.0.2",
"updateTime": "2019-03-12 13:42",
"chapters": {
"contribution": {
"name": "贡献",
"accent": "red",
"sections": [
{
"id": "countme",
"name": "我要贡献自己的力量",
"desc": "对美好的追求永不停歇，你也来吧！",
"icon": "icon-hand-up",
"hidden": true,
"filter": "woyaojiaru wyjr"
},
{
"id": "plan",
"name": "后续计划",
"desc": "关注ZUI的后续开发计划",
"icon": "icon-flag-checkered",
"url": ".md",
"hidden": true,
"filter": "houxujihua hxjh"
},
{
"id": "learn",
"name": "感谢名单和许可证",
"desc": "ZUI 构建于众多优秀的开源项目之上",
"icon": "icon-certificate",
"topics": [
{
"name": "Gulp",
"url": "http://gulpjs.com/"
},
{
"name": "Less",
"url": "http://lesscss.org/"
},
{
"name": "normalize",
"url": "http://necolas.github.io/normalize.css/"
},
{
"name": "jQuery",
"url": "http://jquery.com/"
},
{
"name": "Bootstrap",
"url": "http://getbootstrap.com/"
},
{
"name": "kindeditor",
"url": "http://kindeditor.net/"
},
{
"name": "Chosen",
"url": "http://harvesthq.github.io/chosen/"
},
{
"name": "Datetime picker",
"url": "http://www.malot.fr/bootstrap-datetimepicker"
},
{
"name": "FontAwesome",
"url": "http://fortawesome.github.io/Font-Awesome/"
},
{
"name": "google code prettify",
"url": "https://code.google.com/p/google-code-prettify/"
},
{
"name": "jQuery hotkey",
"url": "http://github.com/tzuryby/hotkeys"
},
{
"name": "Bootbox",
"url": "http://bootboxjs.com/"
},
{
"name": "Explorer canvas",
"url": "https://code.google.com/p/explorercanvas/"
},
{
"name": "Chart.js",
"url": "http://www.chartjs.org/"
}
],
"filter": "zhanzaijurendijianbangshang zzjrdjbs"
}
],
"filter": "gongxian gx"
},
"resource": {
"name": "更多资源",
"accent": "primary",
"sections": [
{
"id": "help",
"name": "搜索帮助",
"desc": "更高效使用文档",
"icon": "icon-search",
"filter": "sousuobangzhu ssbz",
"topics": [
{
"name": "操作要点"
},
{
"name": "查找图标"
}
]
},
{
"id": "migrate1_2",
"name": "从1.2版本升级指南",
"desc": "一份1.2以下版本升级到最新版的向导",
"icon": "1.2",
"filter": "cong1.2banbenshengjizhinan c1.2bbsjzn"
},
{
"id": "bootstrap",
"name": "Bootstrap",
"desc": "访问 Bootstrap 官方网站",
"version": "1.5.0",
"icon": "B",
"url": "http://getbootstrap.com/",
"topics": [
{
"name": "中文文档",
"url": "http://v3.bootcss.com/getting-started/"
}
]
},
{
"id": "jquery",
"name": "jQuery",
"desc": "访问 jQuery 官方网站",
"version": "1.5.0",
"icon": "jQ",
"url": "http://jquery.com/",
"topics": []
},
{
"id": "fontawesome",
"name": "FontAwesome",
"desc": "访问 FontAwesome 官方网站",
"version": "1.5.0",
"icon": "icon-flag",
"url": "http://fontawesome.io/",
"topics": [],
"filter": "icons"
},
{
"id": "icomoonapp",
"name": "IconMoon App",
"desc": "制作图标字体",
"version": "1.5.0",
"icon": "IC",
"url": "https://icomoon.io/app/",
"topics": [],
"filter": "icons"
}
],
"filter": "gengduoziyuan gdzy"
},
"promotion": {
"name": "推荐",
"accent": "purple",
"sections": [
{
"id": "mzui",
"name": "MZUI：移动前端框架",
"desc": "为移动端设计，基于 Flex 的 UI 框架。",
"icon": "M",
"url": "http://zui.sexy/m/",
"version": "1.5.0",
"topics": [],
"filter": "mzui yidongqianduankuangjia flex"
},
{
"id": "xuanxuan",
"name": "喧喧：开源免费IM通讯方案",
"desc": "开源、免费、安全、跨平台的即时通讯方案",
"icon": "喧",
"url": "http://xuan.im",
"version": "1.6.0",
"topics": [],
"filter": "xuanxuan im"
},
{
"id": "zentaopms",
"name": "禅道项目管理",
"desc": "以开源的方式做最专业的研发项目管理软件！",
"icon": "docs/img/zentao_icon.png",
"url": "http://www.zentao.net/",
"topics": [
{
"name": "云禅道",
"url": "https://www.zentaopm.com/"
},
{
"name": "开源版演示",
"url": "http://demo.zentao.net/"
},
{
"name": "专业版演示",
"url": "http://pro.demo.zentao.net/"
}
],
"filter": "chandaoxiangmuguanli cdxmgl"
},
{
"id": "zdoo",
"name": "Zdoo",
"desc": "可深度定制的云端一体化协作平台",
"version": "1.5.0",
"icon": "docs/img/zdoo_icon.png",
"url": "http://www.zdoo.com/",
"topics": [],
"filter": "zdoo ezsoft cloud yunduan docker"
},
{
"id": "chanzhi",
"name": "蝉知",
"desc": "为天下企业提供专业的营销工具！",
"icon": "docs/img/chanzhi_icon.png",
"url": "http://www.chanzhi.org/",
"topics": [
{
"name": "臻网建站",
"url": "http://www.zsite.com"
}
],
"filter": "chanzhi cz"
},
{
"id": "ranzhi",
"name": "然之",
"desc": "中小企业一体化协同管理最佳解决方案！",
"icon": "docs/img/ranzhi_icon.png",
"url": "https://www.ranzhico.com/",
"topics": [
{
"name": "云然之",
"url": "https://www.ranzhico.com/ranzhisaas-plans.html"
}
],
"filter": "ranzhi rz"
}
],
"filter": "tuijian tj"
},
"learn": {
"name": "交流探索",
"accent": "blue",
"sections": [
{
"id": "newly",
"name": "更新日志",
"desc": "快看看新鲜内容",
"icon": "icon-flag",
"url": "CHANGES.md",
"filter": "new gengxinrizhi gxrz gxrz",
"topics": [
{
"name": "新版本更新明细"
},
{
"name": "[1.8] 输入框",
"url": "#component/inputcontrol"
},
{
"name": "[1.8] 搜索框",
"url": "#javascript/searchbox"
},
{
"name": "[1.8] 数据表格2",
"url": "#view/datagrid"
},
{
"name": "[1.8] 上下文菜单",
"url": "#javascript/contextmenu"
},
{
"name": "[1.8] 分页器",
"url": "#javascript/contextmenu"
},
{
"name": "[1.8] 标签管理器",
"url": "#view/tabs"
}
]
},
{
"id": "project",
"name": "项目和计划",
"desc": "了解项目和开发计划",
"icon": "icon-lightbulb",
"url": "http://zui.5upm.com/product-browse-2.html",
"filter": "zentao xiangmuhejihua xmhjh",
"topics": [
{
"name": "需求",
"url": "http://zui.5upm.com/product-browse-2.html"
},
{
"name": "计划",
"url": "http://zui.5upm.com/productplan-browse-2.html"
},
{
"name": "路线图",
"url": "http://zui.5upm.com/product-roadmap-2.html"
},
{
"name": "路线图",
"url": "http://zui.5upm.com/product-roadmap-2.html"
}
]
},
{
"id": "qqgroup",
"name": "QQ讨论",
"desc": "官方QQ群：127535859",
"icon": "icon-qq",
"url": null,
"filter": "qqtaolun qqtl",
"topics": [
{
"name": "官方QQ群：127535859",
"url": null
},
{
"name": "加群暗号：ZUI is sexy",
"url": null
}
]
},
{
"id": "forum",
"name": "论坛",
"desc": "去发表帖子吧",
"icon": "icon-comments-alt",
"url": "http://forum.zui.sexy/forum/",
"filter": "luntan lt",
"topics": [
{
"name": "问题反馈",
"url": "http://forum.zui.sexy/forum/c2.html"
},
{
"name": "案例展示",
"url": "http://forum.zui.sexy/forum/c3.html"
},
{
"name": "前端讨论",
"url": "http://forum.zui.sexy/forum/c4.html"
}
]
},
{
"id": "github",
"name": "Github",
"icon": "icon-github",
"desc": "Star或Fork来支持项目",
"url": "https://github.com/easysoft/zui",
"filter": ""
},
{
"id": "oschina",
"name": "开源中国",
"icon": "OSC",
"desc": "在开源中国上支持项目",
"url": "http://git.oschina.net/wwccss/zui",
"filter": "kaiyuanzhongguo kyzg"
}
],
"filter": "jiaoliutansuo jlts"
},
"basic": {
"name": "基础",
"accent": "primary",
"sections": [
{
"id": "intro",
"name": "说明",
"icon": "icon-heart",
"desc": "为何选择ZUI？",
"topics": [
{
"name": "基于 Bootstrap 定制"
},
{
"name": "选中 ZUI 还是 Bootstrap？"
}
],
"filter": "shuoming sm"
},
{
"id": "about",
"name": "约定",
"icon": "icon-book",
"desc": "了解定义和命名规则",
"topics": [
{
"name": "UI元素类型及定义"
},
{
"name": "通用状态和参数"
},
{
"name": "界面元素的命名"
}
],
"filter": "yueding yd"
},
{
"desc": "下载并使用ZUI",
"icon": "icon-download",
"id": "download",
"name": "下载与使用",
"version": "1.5.0",
"topics": [
{
"name": "下载"
},
{
"name": "使用免费 CDN"
},
{
"name": "通过 npm 安装"
},
{
"name": "通过 Bower 安装"
}
],
"filter": "xiazai xz shiyong sy npm bower cdn usage"
},
{
"icon": "icon-smile",
"id": "hello",
"name": "Hello world",
"topics": [],
"filter": "helloworld helloworld"
},
{
"id": "file",
"name": "文件目录结构",
"icon": "icon-sitemap",
"desc": "预编译文件和源码结构",
"topics": [
{
"name": "预编译的内容"
},
{
"name": "源码目录结构"
}
],
"filter": "wenjianmulujiegou wjmljg"
},
{
"id": "edition",
"name": "选择版本和定制",
"icon": "icon-code-fork",
"desc": "选择合适的版本",
"update": "1.5.0",
"topics": [
{
"name": "标准版"
},
{
"name": "简洁版"
},
{
"name": "独立组件"
},
{
"name": "组件清单"
},
{
"name": "使用 Gulp 定制"
}
],
"filter": "xuanzebanben xzbb version"
},
{
"id": "browser",
"name": "浏览器可用性",
"icon": "icon-ie",
"desc": "检阅所支持的浏览器版本",
"topics": [
{
"name": "受支持的平台"
},
{
"name": "浏览器检测"
}
],
"filter": "shouzhichidipingtai szcdpt ie"
},
{
"desc": "normalize.css",
"icon": "icon-circle-blank",
"id": "global",
"name": "全局样式表",
"topics": [
{
"name": "Normalize.css"
},
{
"name": "基础排版和链接"
}
],
"filter": "quanjuyangshibiao qjysb body html lianjie paiban"
},
{
"desc": "为IE单独准备的内容",
"icon": "icon-ie",
"id": "ie",
"name": "兼容IE浏览器",
"topics": [
{
"name": "禁用IE兼容模式"
},
{
"name": "提示 IE7 及更早版本的用户"
}
],
"filter": "jianrongieliulanqi jriellq ie8"
},
{
"desc": "",
"icon": "icon-window",
"id": "layout",
"name": "布局容器",
"version": "1.5.0",
"url": ".md",
"topics": [
{
"name": "响应式布局"
},
{
"name": "液态化布局"
},
{
"name": "固定宽度布局"
}
],
"filter": "xiangyingshibuju xysbj container fixed fluid bujurongqi bjrq"
},
{
"desc": "多种屏幕尺寸响应",
"icon": "icon-tablet",
"id": "responsive",
"name": "响应式设计 ",
"update": "1.8.0",
"topics": [
{
"name": "屏幕尺寸响应"
},
{
"name": "设备类型和系统检测"
},
{
"name": "禁用响应式设计"
}
],
"filter": "xiangyingshibuju xysbj"
},
{
"desc": "响应式布局的实现",
"icon": "icon-th",
"id": "grid",
"name": "栅格系统",
"topics": [
{
"name": "栅格参数"
}
],
"filter": "zhagexitong zgxt"
},
{
"desc": "文字排版",
"icon": "icon-font",
"id": "typography",
"name": "排版",
"topics": [
{
"name": "字体"
},
{
"name": "文字排版"
}
],
"filter": "paiban pb"
},
{
"desc": "一些使用的工具类",
"icon": "icon-wrench",
"id": "utilities",
"update": "1.7.0",
"name": "辅助类",
"topics": [
{
"name": "小字号文本"
},
{
"name": "文本颜色"
},
{
"name": "文本背景高亮"
},
{
"name": "文本背景色"
},
{
"name": "禁用文本换行"
},
{
"name": "文本超出省略"
},
{
"name": "内容边距"
},
{
"name": "关闭按钮"
},
{
"name": "三角符号"
},
{
"name": "浮动"
},
{
"name": "清除浮动"
},
{
"name": "块居中"
},
{
"name": "隐藏文本"
},
{
"name": "显示或隐藏元素"
}
],
"filter": "fuzhulei fzl"
},
{
"desc": "默认配色方案",
"icon": "icon-dashboard",
"id": "colorset",
"name": "配色",
"topics": [
{
"name": "主要颜色"
},
{
"name": "灰度颜色"
},
{
"name": "额外颜色"
},
{
"name": "在 JS 中使用配色表"
},
{
"name": "配色设计要点"
}
],
"filter": "peise ps"
},
{
"desc": "自定义主题风格",
"icon": "icon-leaf",
"id": "theme",
"name": "主题",
"topics": [
{
"name": "体验主题"
},
{
"name": "重新编译 ZUI"
},
{
"name": "开始定制主题"
}
],
"filter": "zhuti zt"
}
],
"filter": "jichu jc"
},
"control": {
"name": "控件",
"accent": "green",
"sections": [
{
"desc": "使用和查找图标",
"icon": "icon-star",
"id": "icon",
"name": "图标",
"update": "1.8.0",
"topics": [
{
"name": "搜索图标",
"url": "#search/icon:"
},
{
"name": "何时使用图标？"
},
{
"name": "使用图标字体"
},
{
"name": "ZUI 中的图标"
},
{
"name": "如何使用图标？"
}
],
"filter": "tubiao tb"
},
{
"desc": "按钮和按钮组",
"icon": "icon-bold",
"id": "button",
"name": "按钮",
"topics": [
{
"name": "按钮的类型"
},
{
"name": "按钮的大小"
},
{
"name": "按钮的不同状态"
},
{
"name": "按钮的颜色"
}
],
"filter": "anniu an"
},
{
"desc": "使用进度条",
"icon": "%",
"id": "progressbar",
"name": "进度条",
"topics": [
{
"name": "基本类型"
},
{
"name": "颜色主题"
},
{
"name": "特殊效果"
}
],
"filter": "jindutiao jdt"
},
{
"desc": "用于在已有控件上提供正在加载中的样式。",
"icon": "icon-spinner",
"id": "loading",
"name": "加载指示器",
"topics": [
{
"name": "基本类型"
},
{
"name": "包含提示文本示例"
},
{
"name": "使用 JS 控制"
},
{
"name": "修改图标"
},
{
"name": "与其他组件一起使用"
}
],
"filter": "jiazaizhishiqi jzzsq jzzhshq load indicator spin"
},
{
"desc": "使用标签",
"icon": "icon-tags",
"id": "label",
"name": "标签",
"topics": [
{
"name": "基本样式"
},
{
"name": "色彩主题"
},
{
"name": "作为徽标"
}
],
"filter": "biaoqian bq"
},
{
"desc": "包括输入框和下拉列表",
"icon": "icon-minus",
"id": "textbox",
"name": "表单控件",
"dpds": "forms",
"update": "1.5.0",
"topics": [
{
"name": "基本类型"
},
{
"name": "状态"
},
{
"name": "尺寸"
},
{
"name": "使用栅格"
}
],
"filter": "wenbenkuang wbk input file textarea wj wenjian"
},
{
"desc": "内联或块级的多选和单选框",
"icon": "icon-check-sign",
"id": "checkbox",
"name": "多选和单选框",
"dpds": "forms",
"version": "1.5.0",
"topics": [
{
"name": "默认外观"
},
{
"name": "内联形式"
}
],
"filter": "duoxuanhedanxuankuang dxhdx radio"
},
{
"desc": "使用复选框实现的开关控件",
"icon": "icon-toggle-on",
"id": "switch",
"name": "开关",
"version": "1.6.0",
"topics": [
{
"name": "普通示例"
},
{
"name": "对齐"
},
{
"name": "内联样式"
},
{
"name": "禁用"
}
],
"filter": "kaiguan kg checkbox toggle"
},
{
"desc": "面包屑导航",
"icon": "icon-map-marker",
"id": "breadcrumb",
"name": "面包屑",
"topics": [
{
"name": "示例"
}
],
"filter": "mianbaoxie mbx"
},
{
"desc": "为图片应用样式",
"icon": "icon-picture",
"id": "image",
"name": "图片",
"topics": [
{
"name": "圆角图片"
},
{
"name": "圆形图片"
},
{
"name": "缩略图"
},
{
"name": "响应式图片"
}
],
"filter": "tupian tp"
},
{
"desc": "标题",
"icon": "H1",
"id": "header",
"name": "多级标题",
"topics": [
{
"name": "普通标题"
},
{
"name": "包含副标题"
},
{
"name": "带底部水平分隔线的标题"
}
],
"filter": "duojibiaoti djbt"
},
{
"desc": "水平分隔线",
"icon": "—",
"id": "divider",
"name": "分隔线",
"topics": [
{
"name": "水平分隔线"
}
],
"filter": "fengexian fgx"
},
{
"desc": "美化浏览器滚动条",
"icon": "icon-resize-v",
"id": "scrollbar",
"name": "滚动条",
"update": "1.5.0",
"topics": [
{
"name": "基本样式"
},
{
"name": "动态隐藏与显示"
}
],
"filter": "gundongtiao gdt"
}
],
"filter": "kongjian kj"
},
"component": {
"name": "组件",
"accent": "red",
"sections": [
{
"desc": "带图标或标签的输入框",
"icon": "icon-pencil",
"id": "inputcontrol",
"name": "输入框",
"version": "1.8.0",
"topics": [
{
"name": "带图标"
},
{
"name": "带标签"
},
{
"name": "搜索框"
},
{
"name": "禁用"
}
],
"filter": "shurukuang srk shrk"
},
{
"id": "alert",
"icon": "icon-warning-sign",
"desc": "使用消息框引起用户注意",
"name": "消息框",
"topics": [
{
"name": "不同感情色彩的消息框"
},
{
"name": "使用图标"
},
{
"name": "使用反色主题"
},
{
"name": "块级消息"
},
{
"name": "消息框中的链接"
},
{
"name": "可以关闭的消息框"
}
],
"filter": "xiaoxikuang xxk"
},
{
"id": "code",
"icon": "icon-code",
"desc": "展示美丽的代码",
"name": "代码",
"update": "1.5.0",
"topics": [
{
"name": "内联代码"
},
{
"name": "键盘码"
},
{
"name": "基本代码块"
},
{
"name": "代码高亮"
}
],
"filter": "daima dm"
},
{
"id": "inputgroup",
"icon": "icon-layout",
"desc": "多个输入单元格",
"name": "输入组",
"update": "1.7.0",
"topics": [
{
"name": "基本类型"
},
{
"name": "连续分段的文本框"
},
{
"name": "单选框和复选框"
},
{
"name": "带按钮"
},
{
"name": "带下拉菜单按钮"
},
{
"name": "使用 Select"
},
{
"name": "分段按钮"
}
],
"filter": "shuruzu srz"
},
{
"id": "listgroup",
"icon": "icon-reorder",
"desc": "垂直的可点击列表",
"name": "列表组",
"topics": [
{
"name": "基本类型"
},
{
"name": "链接"
},
{
"name": "定制列表内容"
}
],
"filter": "liebiaozu lbz"
},
{
"id": "nav",
"icon": "icon-anchor",
"desc": "多种样式的导航菜单",
"name": "导航",
"update": "1.6.0",
"topics": [
{
"name": "主要导航"
},
{
"name": "次要导航"
},
{
"name": "标签页导航"
},
{
"name": "圆点导航"
},
{
"name": "禁用的导航链接"
},
{
"name": "垂直排列"
},
{
"name": "自适应宽度"
},
{
"name": "带标题的导航"
}
],
"filter": "daohang dh"
},
{
"id": "navbar",
"icon": "icon-compass",
"desc": "应用导航条",
"name": "导航条",
"topics": [
{
"name": "简单导航条"
},
{
"name": "默认导航条"
},
{
"name": "深色导航条"
},
{
"name": "使用表单元素"
},
{
"name": "将内容放置与导航右侧"
},
{
"name": "自适应宽度"
}
],
"filter": "daohangtiao dht"
},
{
"id": "menu",
"icon": "icon-list-ul",
"desc": "垂直方向的导航菜单",
"name": "垂直菜单",
"update": "1.6.0",
"topics": [
{
"name": "实例"
},
{
"name": "激活选中项"
}
],
"filter": "chuizhicaidan czcd"
},
{
"id": "pager",
"icon": "123",
"desc": "为内容分页",
"name": "分页条",
"topics": [
{
"name": "各种分页导航"
},
{
"name": "禁用的导航"
},
{
"name": "圆角样式"
},
{
"name": "宽松样式"
},
{
"name": "两端对齐"
}
],
"filter": "fenyetiao fyt"
},
{
"id": "panel",
"icon": "icon-list-alt",
"desc": "包含头部和脚部的面板",
"name": "面板",
"topics": [
{
"name": "基本类型"
},
{
"name": "带标题的面板"
},
{
"name": "带脚注的面板"
},
{
"name": "色彩主题"
},
{
"name": "包含表格"
},
{
"name": "包含列表"
},
{
"name": "面板组"
}
],
"filter": "mianban mb"
},
{
"id": "table",
"icon": "icon-table",
"desc": "美观实用的表格",
"name": "表格",
"update": "1.5.0",
"topics": [
{
"name": "基本类型"
},
{
"name": "隔行交替样式"
},
{
"name": "响应鼠标悬停"
},
{
"name": "带所有边框的表格"
},
{
"name": "不带边框的表格"
},
{
"name": "自动宽度的表格"
},
{
"name": "更为紧凑的表格"
},
{
"name": "固定布局的表格"
},
{
"name": "色彩主题"
},
{
"name": "响应式表格"
}
],
"filter": "biaoge bg table-bordered table-borderless table-auto table-striped table-hover"
},
{
"id": "buttongroup",
"icon": "icon-th-list",
"desc": "多个按钮组合形式",
"name": "按钮组",
"topics": [
{
"name": "类型"
},
{
"name": "变化"
}
],
"filter": "anniuzu anz"
}
],
"filter": "zujian zj"
},
"javascript": {
"name": "JS插件",
"accent": "brown",
"sections": [
{
"id": "searchbox",
"icon": "icon-search",
"desc": "创建丰富交互操作的搜索框",
"name": "搜索框",
"topics": [
{
"name": "实例"
},
{
"name": "选项"
},
{
"name": "方法"
},
{
"name": "事件"
}
],
"version": "1.8.0",
"filter": "sousuokuang ssk inputcontrol shurukuang shrk srk search-box"
},
{
"id": "contextmenu",
"icon": "icon-align-justify",
"desc": "在鼠标位置弹出菜单（右键菜单）",
"name": "上下文菜单",
"topics": [
{
"name": "被动式"
},
{
"name": "主动式"
},
{
"name": "选项"
},
{
"name": "菜单条目对象属性"
},
{
"name": "方法"
}
],
"version": "1.8.0",
"filter": "youjiancaidan yjcd "
},
{
"id": "pagerjs",
"icon": "GO",
"desc": "自动创建的分页组件",
"name": "分页器",
"topics": [
{
"name": "综合示例"
},
{
"name": "界面元素"
},
{
"name": "选项"
},
{
"name": "获取页码状态信息"
},
{
"name": "监听页码变更"
},
{
"name": "自定义"
},
{
"name": "动态更新"
}
],
"version": "1.8.0",
"filter": "fenyeqi fyq "
},
{
"id": "store",
"icon": "icon-hdd",
"desc": "使用浏览器本地存储读取数据",
"name": "本地存储",
"topics": [
{
"name": "实例"
},
{
"name": "如何使用"
},
{
"name": "本地页面存储"
}
],
"filter": "bendicunchu bdcc"
},
{
"id": "modal",
"icon": "icon-check-empty",
"desc": "浮动在页面之上的对话框",
"name": "对话框",
"update": "1.8.0",
"topics": [
{
"name": "实例"
},
{
"name": "设置对话框显示位置"
},
{
"name": "更改对话框大小"
},
{
"name": "可移动的对话框"
},
{
"name": "禁用动画效果"
},
{
"name": "关闭对话框"
},
{
"name": "如何使用"
}
],
"filter": "dhk mtk duihuakuang motaikuang"
},
{
"id": "modaltrigger",
"icon": "icon-signout",
"desc": "动态展示对话框",
"name": "对话框触发器",
"update": "1.8.0",
"topics": [
{
"name": "加载远程内容"
},
{
"name": "加载自定义内容"
},
{
"name": "自动调整位置"
},
{
"name": "全屏对话框"
},
{
"name": "自定义头部"
},
{
"name": "可拖动的对话框"
},
{
"name": "如何使用"
}
],
"filter": "duihuakuangchufaqi dhkcfq motaikuang mtk"
},
{
"id": "dropdown",
"icon": "icon-align-justify",
"desc": "浮动在页面之上的垂直菜单",
"name": "下拉菜单",
"update": "1.6.0",
"topics": [
{
"name": "结构"
},
{
"name": "使用按钮组"
},
{
"name": "下拉菜单三角图标"
},
{
"name": "标题和分割线"
},
{
"name": "浮动方向"
},
{
"name": "多级子菜单"
},
{
"name": "禁用的菜单项"
},
{
"name": "自定义菜单"
},
{
"name": "在导航和导航条中使用"
}
],
"filter": "xialacaidan xlcd"
},
{
"id": "tab",
"icon": "icon-credit",
"desc": "标签页式的导航菜单",
"name": "标签页",
"update": "1.6.0",
"topics": [
{
"name": "结构"
},
{
"name": "动画效果"
},
{
"name": "垂直标签页"
},
{
"name": "方法"
},
{
"name": "事件"
}
],
"filter": "biaoqianye bqy"
},
{
"id": "messager",
"icon": "icon-comment-alt",
"desc": "漂浮在页面之上的无打断消息",
"name": "漂浮消息",
"update": "1.6.0",
"topics": [
{
"name": "示例"
},
{
"name": "显示位置"
},
{
"name": "颜色主题"
},
{
"name": "自定义操作按钮"
},
{
"name": "禁用动画效果"
},
{
"name": "如何使用"
}
],
"filter": "piaofuxiaoxi pfxx toast"
},
{
"id": "tooltip",
"icon": "icon-chat",
"desc": "为元素额外提供消息文本（工具提示）",
"name": "提示消息",
"update": "1.6.0",
"topics": [
{
"name": "示例"
},
{
"name": "弹出方向"
},
{
"name": "外观"
},
{
"name": "选项"
},
{
"name": "方法"
},
{
"name": "事件"
}
],
"filter": "tishixiaoxi tsxx gjts gongjutishi"
},
{
"id": "popover",
"icon": "icon-comment-line",
"desc": "弹出交互式面板（提示面板）",
"name": "弹出面板",
"update": "1.6.0",
"topics": [
{
"name": "静态类型"
},
{
"name": "动态演示"
},
{
"name": "弹出方向"
},
{
"name": "外观"
},
{
"name": "用法"
}
],
"filter": "tanchumianban tcmb tishimianban tsmb"
},
{
"id": "collapse",
"icon": "icon-collapse",
"desc": "为元素提供折叠和展开功能",
"name": "折叠",
"update": "1.5.0",
"topics": [
{
"name": "结构"
},
{
"name": "折叠分组"
},
{
"name": "使用方法"
}
],
"filter": "zhedie zd"
},
{
"id": "carousel",
"icon": "icon-forward",
"desc": "定时自动切换的图片内存",
"name": "轮播",
"topics": [
{
"name": "基本类型"
},
{
"name": "参数"
},
{
"name": "方法和事件"
}
],
"filter": "lunbo lb"
},
{
"id": "datetimepicker",
"icon": "icon-calendar",
"desc": "为文本框提供方便的日期时间选择功能",
"name": "日期选择",
"update": "1.6.0",
"topics": [
{
"name": "用法和示例"
},
{
"name": "禁用输入"
},
{
"name": "使用输入框"
}
],
"filter": "riqixuanze rqxz time shijian sj"
},
{
"id": "chosen",
"icon": "icon-search",
"desc": "提供数据选择和筛选功能",
"name": "Chosen",
"update": "1.8.0",
"topics": [
{
"name": "示例"
},
{
"name": "用法"
},
{
"name": "图标选择插件"
}
],
"filter": "select xialaxuanze xlxz option choose"
},
{
"id": "htmleditor",
"icon": "icon-edit",
"desc": "使用 Kineditor 或 UEditor 来编辑富文本",
"name": "富文本编辑器",
"update": "1.6.0",
"dpds": "kindeditor",
"topics": [
{
"name": "UEditor"
},
{
"name": "Kindeitor"
}
],
"filter": "fuwenbenbianjiqi fwbbjq rich text"
},
{
"id": "color",
"icon": "icon-tint",
"desc": "色彩工具",
"name": "Color",
"version": "1.5.0",
"update": "1.7.0",
"topics": [
{
"name": "类型"
},
{
"name": "变化"
}
],
"filter": "secai sc"
},
{
"id": "draggable",
"icon": "icon-move",
"desc": "拖动目标元素",
"name": "拖动",
"version": "1.5.0",
"update": "1.7.0",
"topics": [
{
"name": "综合示例"
},
{
"name": "选项"
},
{
"name": "处理拖动过程"
}
],
"filter": "tuodong td"
},
{
"id": "droppable",
"icon": "icon-external-link",
"desc": "拖动并放置在目标位置",
"name": "拖放",
"update": "1.8.0",
"topics": [
{
"name": "综合示例"
},
{
"name": "选项"
},
{
"name": "处理拖放过程"
}
],
"filter": "tuofang tf"
},
{
"id": "sortable",
"icon": "icon-sort",
"desc": "拖动元素来排列顺序",
"name": "拖放排序",
"version": "1.5.0",
"update": "1.8.0",
"topics": [
{
"name": "综合示例"
},
{
"name": "选项"
},
{
"name": "处理拖放排序过程"
}
],
"filter": "tuofangpaixu tfpx"
},
{
"id": "selectable",
"icon": "icon-th",
"desc": "通过拖拽来选择元素",
"name": "拖拽选取",
"version": "1.5.0",
"update": "1.7.0",
"topics": [
{
"name": "综合示例"
},
{
"name": "选取不规则元素"
},
{
"name": "如何使用"
},
{
"name": "数据表格"
}
],
"url": ".md",
"filter": "tuozhuai tz"
},
{
"id": "colorpicker",
"icon": "icon-tint",
"desc": "从下拉菜单中选择预设的颜色值",
"name": "颜色选择器",
"version": "1.5.0",
"update": "1.6.0",
"topics": [
{
"name": "按钮选择器"
},
{
"name": "使用输入组"
},
{
"name": "自定义预设颜色"
},
{
"name": "自定义按钮图标"
},
{
"name": "同步更新"
},
{
"name": "使用方法"
}
],
"url": ".md",
"filter": "tuozhuai tz"
},
{
"id": "bootbox",
"icon": "icon-question-sign",
"desc": "警告、确认和内容编辑模态框（使用 Bootbox）",
"name": "模态对话框",
"topics": [],
"filter": "motaiduihuakuang mtdhk"
},
{
"id": "imgcutter",
"icon": "icon-crop",
"desc": "裁剪图片",
"name": "图片剪切",
"update": "1.5.0",
"topics": [
{
"name": "综合示例"
},
{
"name": "选项"
},
{
"name": "方法"
},
{
"name": "事件"
}
],
"filter": "tupianjianqie tpjq cj caijian"
},
{
"id": "scrollspy",
"icon": "icon-link",
"desc": "根据滚动条所处的位置来自动更新导航项",
"name": "滚动监听",
"topics": [],
"filter": "gundongjianting gdjt"
}
],
"filter": "jschajian jscj"
},
"view": {
"name": "视图",
"accent": "purple",
"sections": [
{
"id": "datagrid",
"icon": "icon-table",
"desc": "功能强大的数据网格视图",
"name": "数据表格②",
"version": "1.8.0",
"filter": "shujuwangge sjwg shjwg shujubiaoge datatable sjbg",
"topics": [
{
"name": "综合示例"
},
{
"name": "数据源"
},
{
"name": "固定行和列"
},
{
"name": "排序"
},
{
"name": "分页"
},
{
"name": "搜索"
},
{
"name": "行选择"
},
{
"name": "跨行跨列的单元格"
},
{
"name": "值转换器"
},
{
"name": "自适应列宽"
},
{
"name": "个性化配置"
},
{
"name": "自定义模板"
},
{
"name": "外观选项"
},
{
"name": "选项"
},
{
"name": "属性和方法"
},
{
"name": "事件"
}
]
},
{
"id": "tabs",
"icon": "icon-credit",
"desc": "灵活的标签页管理视图",
"name": "标签页管理器",
"version": "1.8.0",
"filter": "biaoqianyeguanliqi bqyglq",
"topics": [
{
"name": "综合示例"
},
{
"name": "选项"
},
{
"name": "标签页对象"
},
{
"name": "方法"
},
{
"name": "事件"
},
{
"name": "自定义"
}
]
},
{
"id": "tree",
"icon": "icon-th-list",
"desc": "体现层级关系的树形菜单",
"name": "树形菜单",
"update": "1.8.0",
"topics": [
{
"name": "综合示例"
},
{
"name": "树形导航菜单"
},
{
"name": "外观选项"
},
{
"name": "用法"
},
{
"name": "数据加载与更新"
}
],
"filter": "shuxingcaidan sxcd shuxcd"
},
{
"id": "uploader",
"icon": "icon-cloud-upload",
"name": "文件上传",
"desc": "提供文件管理和大文件批量上传功能。",
"version": "1.6.0",
"update": "1.8.0",
"topics": [
{
"name": "综合示例"
},
{
"name": "使用"
},
{
"name": "选项"
},
{
"name": "对象和属性"
},
{
"name": "方法"
},
{
"name": "事件"
},
{
"name": "静态文件"
},
{
"name": "自定义 UI"
},
{
"name": "处理服务器结果"
},
{
"name": "使用七牛 JavaScript SDK"
},
{
"name": "获取 plupload 对象"
}
],
"filter": "wenjiangshangchuan wjsc file select from-control"
},
{
"id": "calendar",
"icon": "icon-calendar",
"desc": "在日历上展示有时间限定的内容",
"name": "日历",
"update": "1.8.0",
"topics": [
{
"name": "实例"
},
{
"name": "使用方法"
}
],
"filter": "rili rl"
},
{
"id": "form",
"icon": "icon-layout",
"desc": "用于用户提交数据的视图",
"name": "表单",
"update": "1.5.0",
"topics": [
{
"name": "基本形式"
},
{
"name": "水平排列的表单"
},
{
"name": "内联表单"
},
{
"name": "帮助性文本"
},
{
"name": "多选框和单选框"
},
{
"name": "效验状态"
},
{
"name": "使用 fieldset"
},
{
"name": "静态文本"
},
{
"name": "禁用状态和只读状态"
},
{
"name": "标记必填项"
},
{
"name": "更为紧凑的表单"
}
],
"filter": "biaodan bd"
},
{
"id": "article",
"icon": "icon-file-text-alt",
"desc": "用于展示带标题和其他额外信息的图文内容",
"name": "文章",
"update": "1.6.0",
"topics": [
{
"name": "结构"
},
{
"name": "综合示例"
},
{
"name": "更紧凑的文章视图"
}
],
"filter": "wenzhang wz"
},
{
"id": "card",
"icon": "icon-th",
"desc": "可以展示图片和文本的卡片网格视图",
"name": "卡片",
"update": "1.5.0",
"topics": [
{
"name": "结构"
},
{
"name": "简单示例"
},
{
"name": "卡片内容类型"
},
{
"name": "无边框视图"
},
{
"name": "紧凑视图"
}
],
"filter": "kapian kp"
},
{
"id": "list",
"icon": "icon-list",
"desc": "包含图文内容的列表",
"name": "列表",
"update": "1.5.0",
"topics": [
{
"name": "结构"
},
{
"name": "列表项"
},
{
"name": "综合示例"
},
{
"name": "更紧凑的列表"
}
],
"filter": "liebiao lb media meiti"
},
{
"id": "comment",
"icon": "icon-comments",
"desc": "展示评论的列表视图",
"name": "评论",
"update": "1.5.0",
"topics": [
{
"name": "结构"
},
{
"name": "评论条目"
},
{
"name": "评论表单"
},
{
"name": "综合示例"
}
],
"filter": "pinglun pl"
},
{
"id": "chart",
"icon": "icon-bar-chart",
"desc": "展示曲线图和饼图",
"name": "图表",
"update": "1.7.0",
"topics": [
{
"name": "创建图表"
},
{
"name": "全局选项"
},
{
"name": "曲线图"
},
{
"name": "饼图"
},
{
"name": "柱状图"
},
{
"name": "兼容IE浏览器"
}
],
"filter": "tubiao tb quxiantu qxt bingtu bt"
},
{
"id": "treemap",
"icon": "icon-sitemap",
"name": "组织结构图",
"version": "1.7.0",
"update": "1.8.0",
"topics": [
{
"name": "综合示例"
},
{
"name": "使用"
},
{
"name": "节点对象"
},
{
"name": "选项"
},
{
"name": "方法"
},
{
"name": "事件"
},
{
"name": "其他问题"
}
],
"filter": "shuzhuangtu szt shuzt zuzhijiegoutu zzjgt organization"
},
{
"id": "board",
"icon": "icon-columns",
"desc": "在多个列进行拖放内容",
"name": "看板",
"update": "1.5.0",
"topics": [
{
"name": "综合示例"
},
{
"name": "HTML 结构"
},
{
"name": "选项"
},
{
"name": "处理看板交互过程"
}
],
"filter": "kanban kb"
},
{
"id": "dashboard",