(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{648:function(n,a,t){"use strict";t.r(a),t.d(a,"default",function(){return j});var s=t(32),e=t.n(s),p=t(28),o=t.n(p),c=t(580),l=t.n(c),u=t(23),i=t.n(u),r=t(24),k=t.n(r),d=t(25),m=t.n(d),h=t(26),g=t.n(h),f=t(27),v=t.n(f),E=t(0),N=t.n(E),y=t(111),b=t(82),z=function(){var n=function(n){function a(){return i()(this,a),m()(this,g()(a).apply(this,arguments))}return v()(a,n),k()(a,[{key:"render",value:function(){return N.a.createElement("div",null,N.a.createElement(b.f,{title:"有赞微商城",tooltip:N.a.createElement("span",null,"test"),position:"top-center"}),N.a.createElement("br",null),N.a.createElement(b.f,{className:"test-class",title:"有赞微商城",position:"top-center",leftContent:N.a.createElement("a",{className:"zent-link",href:"/"},"left content")}),N.a.createElement("br",null),N.a.createElement(b.f,{title:"有赞微商城",tooltip:N.a.createElement("span",null,"test"),position:"top-center",rightContent:N.a.createElement("a",{className:"zent-link",href:"/"},"right content")}),N.a.createElement("br",null),N.a.createElement(b.f,{className:"test-class",title:"有赞微商城",tooltip:N.a.createElement("span",null,"test"),position:"top-center",leftContent:N.a.createElement("a",{className:"zent-link",href:"/"},"left content"),rightContent:N.a.createElement("a",{className:"zent-link",href:"/"},"right content")}))}}]),a}(N.a.Component);return N.a.createElement(n,null)};function C(n){return N.a.createElement(n.tag,l()({},n.attributes,{dangerouslySetInnerHTML:{__html:n.html}}))}function w(n){return N.a.createElement(C,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function _(n){return N.a.createElement(C,{tag:"style",html:n.style})}var H=function(n){function a(){var n,t;i()(this,a);for(var s=arguments.length,p=new Array(s),c=0;cBlockHeader 标题\n

这是一个模块标题。

\n

代码演示

'}),N.a.createElement(H,{title:"基础用法",id:"Demobasic",src:'import { BlockHeader } from \'zent\';\n\nclass Simple extends React.Component {\n render() {\n return (\n <div>\n <BlockHeader\n title="有赞微商城"\n tooltip={<span>test</span>}\n position="top-center"\n />\n <br />\n <BlockHeader\n className="test-class"\n title="有赞微商城"\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n />\n <br />\n <BlockHeader\n title="有赞微商城"\n tooltip={<span>test</span>}\n position="top-center"\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n <br />\n <BlockHeader\n className="test-class"\n title="有赞微商城"\n tooltip={<span>test</span>}\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},N.a.createElement(z)),N.a.createElement(w,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
className自定义类名string\'\'
title标题ReactNode
tooltippop 显示内容ReactNode
positionpop 显示位置string\'top-right\'
leftContent左侧自定义内容ReactNode
rightContent右侧自定义内容ReactNode
'}))}}]),a}(E.Component)}}]);