mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-19 01:36:23 +10:00
76 lines
3.5 KiB
JavaScript
76 lines
3.5 KiB
JavaScript
webpackJsonp([103,202],{
|
|
|
|
/***/ 996:
|
|
/***/ function(module, exports, __webpack_require__) {
|
|
|
|
'use strict';
|
|
|
|
var _react = __webpack_require__(1);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
var _reactDom = __webpack_require__(2);
|
|
|
|
var _reactDom2 = _interopRequireDefault(_reactDom);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
module.exports = {
|
|
"content": ["article", {}, ["h2", "常规型"], ["h3", "交互"], ["p", ["img", {
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "交互示例",
|
|
"description": "在收起状态时，用户点击『高级搜索』展开；如果此前用户已经输入过文案，需要将值带到对应的输入框中。",
|
|
"src": "https://os.alipayobjects.com/rmsportal/NpRKspdYRDwsKnw.png"
|
|
}]], ["p", "常规型常和表格搭配使用，适合在搜索条件多以及搜索值个数不确定的场景中。"], ["p", "『高级搜索』功能一般开放给中间用户／专家用户使用，一般通过点击『高级搜索』触发；如果非常高频使用，可以默认展开『高级搜索』。"], ["p", ["br"]], ["p", ["img", {
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "交互示例",
|
|
"description": "在『高级搜索』顶部放置 Alert ，用于展现已经输入的值；用户点击『清空』可以清空所有输入值；点击『高级搜索』可以再次展开『高级搜索』。",
|
|
"src": "https://os.alipayobjects.com/rmsportal/gKiZtjopvLufqSP.png"
|
|
}]], ["p", "当已经输入了值的『高级搜索』被隐藏时，需要展示检索条件和值。"], ["h3", "排列规则"], ["p", ["img", {
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "排列示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/TsdXCWLPIETykye.png"
|
|
}]], ["p", "搜索条件的排布顺序需要和表格中的标题顺序，尽可能保持一致；如果非常高频使用的搜索条件，可以放在最前面。"], ["h3", "规格"], ["p", ["img", {
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "规格示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/fuPcwZCYiohhdSt.png"
|
|
}]], ["p", ["img", {
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "规格示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/bFLUSbwoNoakKYS.png"
|
|
}]], ["ul", ["li", ["p", "横向排版"], ["p", "在一行不要放置 3 列以上的输入框；标签和输入框应该落在栅格上。"]], ["li", ["p", "纵向排版"], ["p", "使用 ", ["code", "16px"], " 作为间距。"]]], ["h2", "字段型"], ["h3", "交互"], ["p", ["img", {
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "交互示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/TUxfnHjfTJeKaDq.png"
|
|
}]], ["p", "字段型一般会出现在主搜索框底部，适合搜索条件和值都比较少的场景中。"], ["h2", ["span", {
|
|
"class": "waiting"
|
|
}, "案例（敬请期待）"]]],
|
|
"meta": {
|
|
"order": 6,
|
|
"title": {
|
|
"zh-CN": "高级搜索",
|
|
"en-US": "Advanced Search"
|
|
},
|
|
"filename": "docs/pattern/advanced-search.md"
|
|
},
|
|
"description": ["section", ["p", "借助『高级搜索』，用户可以缩小复杂列表／表格等的展示范围。"]],
|
|
"toc": ["ul", ["li", ["a", {
|
|
"href": "#常规型"
|
|
}, "常规型"]], ["li", ["a", {
|
|
"href": "#字段型"
|
|
}, "字段型"]], ["li", ["a", {
|
|
"href": "#案例（敬请期待）"
|
|
}, ["span", {
|
|
"class": "waiting"
|
|
}, "案例（敬请期待）"]]]]
|
|
};
|
|
|
|
/***/ }
|
|
|
|
}); |