style: #563 tabs (#564)

* chore: theme page style

* style: #563 tabs

components/tab/demo/card.md

@@ -1,5 +1,5 @@
 ---
-order: 4
+order: 5
 title:
   zh-CN: 卡片式页签
   en-US: Card type tab

components/tab/demo/editable-card.md

@@ -1,5 +1,5 @@
 ---
-order: 7
+order: 8
 title:
   zh-CN: 新增和关闭页签
 ---

components/tab/demo/light.md

@@ -1,5 +1,5 @@
 ---
-order: 5
+order: 6
 title:
   zh-CN: 浅色背景下使用
 ---

components/tab/demo/sider-menu.md

@@ -1,5 +1,5 @@
 ---
-order: 6
+order: 7
 title:
   zh-CN: 侧边菜单
 ---

components/tab/demo/slide-vertical.md

@@ -0,0 +1,43 @@
+---
+order: 4
+title:
+  zh-CN: 隐藏 `···` icon
+  en-US: HiddenIcon
+---
+
+## zh-CN
+
+可以使用 `dt-tabs-hidden-more-icon` 隐藏数量较多时左下角或右上角的 `···` icon
+
+## en-US
+
+You can use 'dt-tabs-hidden-more-icon' to hide the more icon in the bottom left or top right corner when there is a large quantity.
+
+```jsx
+import { Tabs, Radio } from 'antd';
+import { AndroidOutlined, AppleOutlined } from '@ant-design/icons';
+
+const { TabPane } = Tabs;
+
+class SlidingTabsDemo extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div>
+        <Tabs className="dt-tabs-hidden-more-icon" defaultActiveKey="1" tabPosition="left" style={{ height: 220 }}>
+          {[...Array(30).keys()].map(i => (
+            <TabPane tab={ i < 4 ? <span><AndroidOutlined />Tab-{i}</span> : `Tab-${i}`} key={i}>
+              Content of tab {i}
+            </TabPane>
+          ))}
+        </Tabs>
+      </div>
+    );
+  }
+}
+
+ReactDOM.render(<SlidingTabsDemo />, mountNode);
+```

components/tab/index.zh-CN.md

@@ -25,4 +25,5 @@ cover: https://gw.alipayobjects.com/zos/antfincdn/lkI2hNEDr2V/Tabs.svg
 |.dt-tabs-sider-menu  | 侧边栏菜单类名，需配合type="line"和tabPosition="right"或者"left"一起使用   | 侧边菜单   |
 |.dt-tabs-content-padding  | 内容内边距类名，16px  | 侧边菜单 |
 |.dt-tabs-nav-padding-16  | 增加左右边距16px  | 基础样式 |
-|.dt-tabs-nav-no-margin | 减少上边距/左边距16px，整体宽度增加32px | 消除间隙 |
+|.dt-tabs-nav-no-margin | 减少上边距/左边距16px，整体宽度增加32px | 消除间隙 |
+|.dt-tabs-hidden-more-icon | 更多标签时，隐藏 ··· 的更多 icon | 侧边菜单 |

theme/dt-theme/default/tab.less

@@ -9,7 +9,7 @@
             line-height: 20px;
             .ant-tabs-tab-btn {
                 .anticon {
-                    margin-right: 4px;
+                    margin: 0 4px 0 -4px;
                     font-size: 16px;
                     color: @black_pageMsg;
                 }
@@ -48,8 +48,8 @@
 }
 
 .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
-    padding: 8px 7px;
-    margin-top: 0;
+    padding: 2px 12px;
+    margin: 6px 0;
 }
 
 .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar {
@@ -119,7 +119,8 @@
     .ant-tabs-nav-wrap-ping-bottom {
         .ant-tabs-nav-list {
             .ant-tabs-tab {
-                padding: 8px 12px;
+                padding: 2px 12px;
+                margin: 6px 0;
             }
         }
     }
@@ -203,6 +204,12 @@
     }
 }
 
+.dt-tabs-hidden-more-icon {
+    .ant-tabs-nav-more {
+        display: none;
+    }
+}
+
 .ant-tabs-right.dt-tabs-sider-menu {
     .ant-tabs-nav {
         .ant-tabs-tab-active {

theme/static/header.less

@@ -159,4 +159,9 @@
     height: 64px;
     float: right;
     margin-right: 50px;
+    .ant-radio-group-outline {
+        .ant-radio-wrapper {
+            padding-top: 0;
+        }
+    }
 }

theme/template/NotFound.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from 'bisheng/router';
-import zhCn from '../zh-CN';
+import config from '../../bisheng.config';
 
 export default function NotFound({ location: _location }) {
     return (
@@ -9,7 +9,7 @@ export default function NotFound({ location: _location }) {
                 <h1>404</h1>
                 <p>
                     啊哦~，您要找的页面不存在。 &nbsp;&nbsp;
-                    <Link to={zhCn.messages['app.home.url']}>返回首页</Link>
+                    <Link to={config.baseConfig.homeUrl}>返回首页</Link>
                 </p>
             </section>
             <style