129-a28f22da2d828c0b81f9.js

webpackJsonp([129],{1517:function(e,t,a){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){return z.default.createElement(e.tag,(0,w.default)({},e.attributes,{dangerouslySetInnerHTML:{__html:e.html}}))}function c(e){return z.default.createElement(o,{tag:"section",html:e.html,attributes:{className:"zandoc-react-markdown"}})}function r(e){return z.default.createElement(o,{tag:"style",html:e.style})}function i(e,t){for(;e;)return e.offsetTop&&"static"!==getComputedStyle(e).position&&(t+=e.offsetTop),i(e.parentNode,t);return t}Object.defineProperty(t,"__esModule",{value:!0});var d=a(1),l=n(d),s=a(4),u=n(s),p=a(2),m=n(p),f=a(3),h=n(f),g=a(7),w=n(g),y=a(0),z=n(y),b=a(232),_=n(b),v=(function(e){function t(){var e,a,n,o;(0,l.default)(this,t);for(var c=arguments.length,r=Array(c),i=0;i<c;i++)r[i]=arguments[i];return a=n=(0,m.default)(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(r))),n.state={showCode:!1},n.toggle=function(){n.setState({showCode:!n.state.showCode})},o=a,(0,m.default)(n,o)}(0,h.default)(t,e),(0,u.default)(t,[{key:"render",value:function(){var e=this.state.showCode,t=this.props,a=t.title,n=t.src,c=t.children;return z.default.createElement("div",{className:"zandoc-react-demo"},z.default.createElement("div",{className:"zandoc-react-demo__preview"},c),z.default.createElement("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle},z.default.createElement("div",{className:"zandoc-react-demo__title"},z.default.createElement("p",null,a||"")),z.default.createElement("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle "+(e?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})),e&&z.default.createElement("pre",{className:"zandoc-react-demo__code"},z.default.createElement(o,{tag:"code",html:n,attributes:{className:"language-jsx"}})))}}])}(y.Component),function(e){function t(){return(0,l.default)(this,t),(0,m.default)(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return(0,h.default)(t,e),(0,u.default)(t,[{key:"componentDidMount",value:function(){var e=location.hash;if(e){var t=document.querySelector('a[href="'+e+'"]');t&&(0,_.default)(document.documentElement,0,i(t,-9))}}},{key:"render",value:function(){return z.default.createElement("div",{className:"zandoc-react-container",key:null},z.default.createElement(r,{style:'img[alt="demo-preview-order-list"] {\n\t\tmax-width: 1206px;\n\t\twidth: 100%;\n\t}\n\n\timg[alt="demo-preview-paper-edit"] {\n\t\tmax-width: 810px;\n\t\twidth: 100%;\n\t}\n\n\timg[alt="demo-preview-paper-list"] {\n\t\tmax-width: 1205px;\n\t\twidth: 100%;\n\t}'}),z.default.createElement(c,{html:'<h2 class="anchor-heading"><a href="#xiang-mu-shi-li">¶</a><a href="javascript:void(0)" id="xiang-mu-shi-li" class="anchor-point"></a>项目示例</h2>\n<p>可以使用我们的示例快速搭建一个页面，或者也可以在示例的基础上进行定制。</p>\n<h4 class="anchor-heading"><a href="#ding-dan-lie-biao">¶</a><a href="javascript:void(0)" id="ding-dan-lie-biao" class="anchor-point"></a>订单列表</h4>\n<p>可以选择过滤条件，使用了 <code>Select</code>, <code>DatePicker</code>, <code>Tab</code> 以及大量基础组件。<a href="https://www.youzanyun.com/zanui/demo/zent/order">在线预览</a> | <a href="https://github.com/youzan/zent/tree/master/demo/client/pages/order/list">源码链接</a></p>\n<p><a href="https://www.youzanyun.com/zanui/demo/zent/order"><img src="https://img.yzcdn.cn/public_files/2017/10/31/35ebc48bbdc7956be29eb09bfebadbff.png" alt="demo-preview-order-list"></a></p>\n<h4 class="anchor-heading"><a href="#wei-ye-mian-bian-ji">¶</a><a href="javascript:void(0)" id="wei-ye-mian-bian-ji" class="anchor-point"></a>微页面编辑</h4>\n<p>用所见即所得的方式创建手机端的 H5 内容，使用了 <a href="../component/design"><code>Design</code></a> 组件。<a href="https://www.youzanyun.com/zanui/demo/zent/paper/create">在线预览</a></p>\n<p><a href="https://www.youzanyun.com/zanui/demo/zent/paper/create"><img src="https://img.yzcdn.cn/public_files/2017/10/31/d54179f7cfdfa9a367e3052076276e4b.png" alt="demo-preview-paper-edit"></a></p>\n<h4 class="anchor-heading"><a href="#wei-ye-mian-lie-biao">¶</a><a href="javascript:void(0)" id="wei-ye-mian-lie-biao" class="anchor-point"></a>微页面列表</h4>\n<p>简单的列表，每行右侧有操作区域，可以对每行进行删除、编辑等操作，使用了 <code>Table</code>, <code>Pop</code>, <code>CopyButton</code> 等组件。<a href="https://www.youzanyun.com/zanui/demo/zent/paper">在线预览</a> | <a href="https://github.com/youzan/zent/tree/master/demo/client/pages/shop/list">源码链接</a></p>\n<p><a href="https://www.youzanyun.com/zanui/demo/zent/paper"><img src="https://img.yzcdn.cn/public_files/2017/10/31/b5a36fef48d7472e5a71072c4fefb36b.png" alt="demo-preview-paper-list"></a></p>'}))}}]),t}(y.Component));t.default=v}});