upd: md scss 调整变量位置

src/config.ts

@@ -8,7 +8,7 @@ export const nav = [
     name: '布局组件',
     packages: [
       {
-        name: 'button',
+        name: 'Button',
         sort: 1,
         cName: '按钮组件',
         type: 'component',
@@ -26,7 +26,7 @@ export const nav = [
     name: '基础组件',
     packages: [
       {
-        name: 'cell',
+        name: 'Cell',
         sort: 1,
         cName: '单元格组件',
         type: 'component',
@@ -35,13 +35,22 @@ export const nav = [
         author: 'richard1015'
       },
       {
-        name: 'uploader',
+        name: 'Uploader',
         sort: 2,
         cName: '上传组件',
         type: 'component',
         show: true,
         desc: '上传文件、图片',
         author: 'richard1015'
+      },
+      {
+        name: 'Icon',
+        sort: 3,
+        cName: '图标组件',
+        type: 'component',
+        show: true,
+        desc: '图标',
+        author: 'richard1015'
       }
     ]
   },

src/sites/assets/styles/variables.scss

@@ -17,3 +17,24 @@ $doc-default-nav-color: $title-color;
 // footer
 $doc-default-header-color: $white;
 $doc-footer-height: 73px;
+
+//markdown-add-style
+$nutui-doc-black: #323233;
+$nutui-doc-blue: #1989fa;
+$nutui-doc-purple: #8080ff;
+$nutui-doc-fuchsia: #a7419e;
+$nutui-doc-green: #4fc08d;
+$nutui-doc-text-color: #666666;
+$nutui-doc-text-light-blue: rgba(69, 90, 100, 0.6);
+$nutui-doc-background-color: #f7f8fa;
+$nutui-doc-grey: #999;
+$nutui-doc-dark-grey: #666;
+$nutui-doc-light-grey: #ccc;
+$nutui-doc-border-color: #f1f4f8;
+$nutui-doc-code-color: #58727e;
+$nutui-doc-code-background-color: #f1f4f8;
+$nutui-doc-code-font-family: 'Source Code Pro', 'Monaco', 'Inconsolata', monospace;
+$nutui-doc-padding: 24px;
+$nutui-doc-row-max-width: 1680px;
+$nutui-doc-nav-width: 220px;
+$nutui-doc-border-radius: 20px;

src/sites/doc/main.ts

@@ -2,6 +2,8 @@ import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router';
 import '@/sites/assets/styles/reset.scss';
+import '@/sites/assets/styles/md-style.scss';
+
 import { isMobile } from '@/sites/assets/util';
 
 if (isMobile) {

src/sites/doc/views/Index.vue

@@ -16,7 +16,6 @@ import Header from '@/sites/doc/components/Header.vue';
 import Nav from '@/sites/doc/components/Nav.vue';
 import Footer from '@/sites/doc/components/Footer.vue';
 import DemoPreview from '@/sites/doc/components/DemoPreview.vue';
-import '../../../styles/md-style.scss';
 export default defineComponent({
   name: 'doc',
   components: {

src/styles/variables.scss

@@ -86,24 +86,3 @@ $cell-title-font: $font-size-2;
 $cell-title-desc-font: $font-size-1;
 $cell-desc-font: $font-size-2;
 $cell-desc-color: $disable-color;
-
-//markdown-add-style
-$nutui-doc-black: #323233;
-$nutui-doc-blue: #1989fa;
-$nutui-doc-purple: #8080ff;
-$nutui-doc-fuchsia: #a7419e;
-$nutui-doc-green: #4fc08d;
-$nutui-doc-text-color: #666666;
-$nutui-doc-text-light-blue: rgba(69, 90, 100, 0.6);
-$nutui-doc-background-color: #f7f8fa;
-$nutui-doc-grey: #999;
-$nutui-doc-dark-grey: #666;
-$nutui-doc-light-grey: #ccc;
-$nutui-doc-border-color: #f1f4f8;
-$nutui-doc-code-color: #58727e;
-$nutui-doc-code-background-color: #f1f4f8;
-$nutui-doc-code-font-family: 'Source Code Pro', 'Monaco', 'Inconsolata', monospace;
-$nutui-doc-padding: 24px;
-$nutui-doc-row-max-width: 1680px;
-$nutui-doc-nav-width: 220px;
-$nutui-doc-border-radius: 20px;