chore(demo): 更新样式

Author: lljj-x

package.json

@@ -50,6 +50,7 @@
         "@commitlint/cli": "^8.3.5",
         "@commitlint/config-conventional": "^8.3.4",
         "@vue/compiler-sfc": "^3.0.0",
+        "naive-ui": "^2.26.1",
         "commitizen": "^4.1.2",
         "conventional-changelog-cli": "^2.0.34",
         "cz-conventional-changelog": "^3.2.0",

packages/demo/demo-common/components/EditorHeader.vue

@@ -104,7 +104,7 @@ export default {
         }
         .logo {
             display: block;
-            height: 30px;
+            height: 25px;
         }
     }
     .menu {

packages/demo/demo-common/components/Menu.vue

@@ -15,21 +15,15 @@
                     :class="$style.menuLink"
                     href="https://vue-json-schema-form.lljj.me/"
                 >
-                    <i
-                        class="el-icon-s-home"
-                        :class="$style.menuIcon"
-                    ></i>文档
+                    文档
                 </a>
             </el-menu-item>
             <el-menu-item index="2">
                 <a
                     :class="$style.menuLink"
                     href="/"
                 >
-                    <i
-                        class="el-icon-lollipop"
-                        :class="$style.menuIcon"
-                    ></i>Playground
+                    Playground
                 </a>
             </el-menu-item>
             <el-menu-item
@@ -40,10 +34,7 @@
                     :class="$style.menuLink"
                     href="/vue-editor.html#/editor"
                 >
-                    <i
-                        class="el-icon-ice-cream-round"
-                        :class="$style.menuIcon"
-                    ></i>活动编辑器
+                    活动编辑器
                 </a>
             </el-menu-item>
             <el-menu-item
@@ -54,10 +45,7 @@
                     :class="$style.menuLink"
                     href="/schema-generator.html#/index"
                 >
-                    <i
-                        class="el-icon-cold-drink"
-                        :class="$style.menuIcon"
-                    ></i>Schema 生成器
+                    Schema 生成器
                 </a>
             </el-menu-item>
             <el-menu-item index="5">
@@ -66,10 +54,7 @@
                     href="https://github.com/lljj-x/vue-json-schema-form"
                     target="_blank"
                 >
-                    <i
-                        class="el-icon-star-off"
-                        :class="$style.menuIcon"
-                    ></i>Github
+                    Github
                 </a>
             </el-menu-item>
         </el-menu>
@@ -84,7 +69,6 @@ export default {
 
 <style module>
 .box {
-    margin: 0 auto;
     :global {
         .el-menu.el-menu--horizontal {
             border-bottom: none;
@@ -93,8 +77,8 @@ export default {
             border-bottom-width: 3px;
         }
         .el-menu--horizontal>.el-menu-item {
-            padding-left: 14px;
-            padding-right: 0;
+            padding-left: 8px;
+            padding-right: 8px;
             margin: 0 20px;
             height: 54px;
             line-height: 54px;

packages/demo/demo-v3/package.json

@@ -14,6 +14,7 @@
         "@lljj/vue3-form-element": "1.11.0",
         "ajv-i18n": "^3.5.0",
         "ant-design-vue": "^2.0.1",
+        "naive-ui": "^2.26.1",
         "demo-common": "1.2.0",
         "vue": "^3.0.0",
         "vuedraggable": "2.23.2"