mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
7d3cbfd9d9
* fix menu[mode='vertical'] can not show submenu in Layout.Sider close #4890 improve Layout demo * del useless css
534 lines
12 KiB
Plaintext
534 lines
12 KiB
Plaintext
exports[`test renders ./components/layout/demo/basic.md correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-layout">
|
|
<div
|
|
class="ant-layout-header">
|
|
Header
|
|
</div>
|
|
<div
|
|
class="ant-layout-content">
|
|
Content
|
|
</div>
|
|
<div
|
|
class="ant-layout-footer">
|
|
Footer
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-layout">
|
|
<div
|
|
class="ant-layout-header">
|
|
Header
|
|
</div>
|
|
<div
|
|
class="ant-layout ant-layout-has-sider">
|
|
<div
|
|
class="ant-layout-sider"
|
|
style="flex:0 0 200px;width:200px;">
|
|
Sider
|
|
</div>
|
|
<div
|
|
class="ant-layout-content">
|
|
Content
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-layout-footer">
|
|
Footer
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-layout">
|
|
<div
|
|
class="ant-layout-header">
|
|
Header
|
|
</div>
|
|
<div
|
|
class="ant-layout ant-layout-has-sider">
|
|
<div
|
|
class="ant-layout-content">
|
|
Content
|
|
</div>
|
|
<div
|
|
class="ant-layout-sider"
|
|
style="flex:0 0 200px;width:200px;">
|
|
Sider
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-layout-footer">
|
|
Footer
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-layout ant-layout-has-sider">
|
|
<div
|
|
class="ant-layout-sider"
|
|
style="flex:0 0 200px;width:200px;">
|
|
Sider
|
|
</div>
|
|
<div
|
|
class="ant-layout-content">
|
|
<div
|
|
class="ant-layout-header">
|
|
Header
|
|
</div>
|
|
<div
|
|
class="ant-layout-content">
|
|
Content
|
|
</div>
|
|
<div
|
|
class="ant-layout-footer">
|
|
Footer
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
|
|
<div
|
|
class="ant-layout ant-layout-has-sider">
|
|
<div
|
|
class="ant-layout-sider"
|
|
style="flex:0 0 200px;width:200px;">
|
|
<div
|
|
class="logo" />
|
|
<ul
|
|
aria-activedescendant=""
|
|
class="ant-menu ant-menu-inline ant-menu-dark ant-menu-root"
|
|
role="menu"
|
|
tabindex="0">
|
|
<li
|
|
aria-selected="true"
|
|
class="ant-menu-item-selected ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px;">
|
|
<i
|
|
class="anticon anticon-user" />
|
|
<span
|
|
class="nav-text">
|
|
nav 1
|
|
</span>
|
|
</li>
|
|
<li
|
|
aria-selected="false"
|
|
class="ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px;">
|
|
<i
|
|
class="anticon anticon-video-camera" />
|
|
<span
|
|
class="nav-text">
|
|
nav 2
|
|
</span>
|
|
</li>
|
|
<li
|
|
aria-selected="false"
|
|
class="ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px;">
|
|
<i
|
|
class="anticon anticon-upload" />
|
|
<span
|
|
class="nav-text">
|
|
nav 3
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div
|
|
class="ant-layout">
|
|
<div
|
|
class="ant-layout-header"
|
|
style="background:#fff;padding:0;">
|
|
<i
|
|
class="anticon anticon-menu-fold trigger" />
|
|
</div>
|
|
<div
|
|
class="ant-layout-content"
|
|
style="margin:24px 16px;padding:24px;background:#fff;min-height:280px;">
|
|
Content
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/layout/demo/side.md correctly 1`] = `
|
|
<div
|
|
class="ant-layout ant-layout-has-sider">
|
|
<div
|
|
class="ant-layout-sider"
|
|
style="flex:0 0 200px;width:200px;">
|
|
<div
|
|
class="logo" />
|
|
<ul
|
|
aria-activedescendant=""
|
|
class="ant-menu ant-menu-inline ant-menu-dark ant-menu-root"
|
|
role="menu"
|
|
tabindex="0">
|
|
<li
|
|
class="ant-menu-submenu-inline ant-menu-submenu">
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-owns="sub1$Menu"
|
|
class="ant-menu-submenu-title"
|
|
style="padding-left:24px;">
|
|
<span>
|
|
<i
|
|
class="anticon anticon-user" />
|
|
<span
|
|
class="nav-text">
|
|
User
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-menu-submenu-inline ant-menu-submenu">
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-owns="sub2$Menu"
|
|
class="ant-menu-submenu-title"
|
|
style="padding-left:24px;">
|
|
<span>
|
|
<i
|
|
class="anticon anticon-team" />
|
|
<span
|
|
class="nav-text">
|
|
Team
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li
|
|
aria-selected="true"
|
|
class="ant-menu-item-selected ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:24px;">
|
|
<span>
|
|
<i
|
|
class="anticon anticon-file" />
|
|
<span
|
|
class="nav-text">
|
|
File
|
|
</span>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
class="ant-layout-sider-trigger">
|
|
<i
|
|
class="anticon anticon-left" />
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-layout">
|
|
<div
|
|
class="ant-layout-header"
|
|
style="background:#fff;padding:0;" />
|
|
<div
|
|
class="ant-layout-content"
|
|
style="margin:0 16px;">
|
|
<div
|
|
class="ant-breadcrumb"
|
|
style="margin:12px 0;">
|
|
<span>
|
|
<span
|
|
class="ant-breadcrumb-link">
|
|
User
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator">
|
|
/
|
|
</span>
|
|
</span>
|
|
<span>
|
|
<span
|
|
class="ant-breadcrumb-link">
|
|
Bill
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator">
|
|
/
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
style="padding:24px;background:#fff;min-height:360px;">
|
|
Bill is a cat.
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-layout-footer"
|
|
style="text-align:center;">
|
|
Ant Design ©2016 Created by Ant UED
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/layout/demo/top.md correctly 1`] = `
|
|
<div
|
|
class="layout ant-layout">
|
|
<div
|
|
class="ant-layout-header">
|
|
<div
|
|
class="logo" />
|
|
<ul
|
|
aria-activedescendant=""
|
|
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
|
|
role="menu"
|
|
style="line-height:64px;"
|
|
tabindex="0">
|
|
<li
|
|
aria-selected="false"
|
|
class="ant-menu-item"
|
|
role="menuitem">
|
|
nav 1
|
|
</li>
|
|
<li
|
|
aria-selected="true"
|
|
class="ant-menu-item-selected ant-menu-item"
|
|
role="menuitem">
|
|
nav 2
|
|
</li>
|
|
<li
|
|
aria-selected="false"
|
|
class="ant-menu-item"
|
|
role="menuitem">
|
|
nav 3
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div
|
|
class="ant-layout-content"
|
|
style="padding:0 50px;">
|
|
<div
|
|
class="ant-breadcrumb"
|
|
style="margin:12px 0;">
|
|
<span>
|
|
<span
|
|
class="ant-breadcrumb-link">
|
|
Home
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator">
|
|
/
|
|
</span>
|
|
</span>
|
|
<span>
|
|
<span
|
|
class="ant-breadcrumb-link">
|
|
List
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator">
|
|
/
|
|
</span>
|
|
</span>
|
|
<span>
|
|
<span
|
|
class="ant-breadcrumb-link">
|
|
App
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator">
|
|
/
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
style="background:#fff;padding:24px;min-height:280px;">
|
|
Content
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-layout-footer"
|
|
style="text-align:center;">
|
|
Ant Design ©2016 Created by Ant UED
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`test renders ./components/layout/demo/top-side.md correctly 1`] = `
|
|
<div
|
|
class="ant-layout">
|
|
<div
|
|
class="header ant-layout-header">
|
|
<div
|
|
class="logo" />
|
|
<ul
|
|
aria-activedescendant=""
|
|
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
|
|
role="menu"
|
|
style="line-height:64px;"
|
|
tabindex="0">
|
|
<li
|
|
aria-selected="false"
|
|
class="ant-menu-item"
|
|
role="menuitem">
|
|
nav 1
|
|
</li>
|
|
<li
|
|
aria-selected="true"
|
|
class="ant-menu-item-selected ant-menu-item"
|
|
role="menuitem">
|
|
nav 2
|
|
</li>
|
|
<li
|
|
aria-selected="false"
|
|
class="ant-menu-item"
|
|
role="menuitem">
|
|
nav 3
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div
|
|
class="ant-layout-content"
|
|
style="padding:0 50px;">
|
|
<div
|
|
class="ant-breadcrumb"
|
|
style="margin:12px 0;">
|
|
<span>
|
|
<span
|
|
class="ant-breadcrumb-link">
|
|
Home
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator">
|
|
/
|
|
</span>
|
|
</span>
|
|
<span>
|
|
<span
|
|
class="ant-breadcrumb-link">
|
|
List
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator">
|
|
/
|
|
</span>
|
|
</span>
|
|
<span>
|
|
<span
|
|
class="ant-breadcrumb-link">
|
|
App
|
|
</span>
|
|
<span
|
|
class="ant-breadcrumb-separator">
|
|
/
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-layout ant-layout-has-sider"
|
|
style="padding:24px 0;background:#fff;">
|
|
<div
|
|
class="ant-layout-sider"
|
|
style="background:#fff;flex:0 0 200px;width:200px;">
|
|
<ul
|
|
aria-activedescendant=""
|
|
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
|
|
role="menu"
|
|
style="height:100%;"
|
|
tabindex="0">
|
|
<li
|
|
class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu">
|
|
<div
|
|
aria-expanded="true"
|
|
aria-haspopup="true"
|
|
aria-owns="sub1$Menu"
|
|
class="ant-menu-submenu-title"
|
|
style="padding-left:24px;">
|
|
<span>
|
|
<i
|
|
class="anticon anticon-user" />
|
|
subnav 1
|
|
</span>
|
|
</div>
|
|
<ul
|
|
aria-activedescendant=""
|
|
class="ant-menu ant-menu-inline ant-menu-sub"
|
|
id="sub1$Menu"
|
|
role="menu">
|
|
<li
|
|
aria-selected="true"
|
|
class="ant-menu-item-selected ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:48px;">
|
|
option1
|
|
</li>
|
|
<li
|
|
aria-selected="false"
|
|
class="ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:48px;">
|
|
option2
|
|
</li>
|
|
<li
|
|
aria-selected="false"
|
|
class="ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:48px;">
|
|
option3
|
|
</li>
|
|
<li
|
|
aria-selected="false"
|
|
class="ant-menu-item"
|
|
role="menuitem"
|
|
style="padding-left:48px;">
|
|
option4
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="ant-menu-submenu-inline ant-menu-submenu">
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-owns="sub2$Menu"
|
|
class="ant-menu-submenu-title"
|
|
style="padding-left:24px;">
|
|
<span>
|
|
<i
|
|
class="anticon anticon-laptop" />
|
|
subnav 2
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-menu-submenu-inline ant-menu-submenu">
|
|
<div
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
aria-owns="sub3$Menu"
|
|
class="ant-menu-submenu-title"
|
|
style="padding-left:24px;">
|
|
<span>
|
|
<i
|
|
class="anticon anticon-notification" />
|
|
subnav 3
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div
|
|
class="ant-layout-content"
|
|
style="padding:0 24px;min-height:280px;">
|
|
Content
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-layout-footer"
|
|
style="text-align:center;">
|
|
Ant Design ©2016 Created by Ant UED
|
|
</div>
|
|
</div>
|
|
`;
|