fix(site): fix error when build saas site (#2701)

* fix(site): fix error when build saas site * feat(site): optimize SaaS official website style and practice field
opentiny · Dec 27, 2024 · a19b711 · a19b711
1 parent 13660bc
commit a19b711
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 4 deletions.
diff --git a/examples/sites/playground/App.vue b/examples/sites/playground/App.vue
@@ -89,6 +89,8 @@ const createImportMap = (version) => {
   }
   if (isSaas) {
     imports['@opentiny/vue-icon'] = `${getRuntime(version)}tiny-vue-icon-saas.mjs`
+    imports['@opentiny/vue-common'] = `${getRuntime(version)}tiny-vue-saas-common.mjs`
+    imports['@opentiny/vue'] = `${getRuntime(version)}tiny-vue-all.mjs`
   }
   return {
     imports

diff --git a/examples/sites/src/views/layout/layout.vue b/examples/sites/src/views/layout/layout.vue
@@ -261,9 +261,15 @@ export default defineComponent({
       .tiny-tree-node__content:hover {
         border-radius: 20px;
       }
+
       .tiny-tree-node__content {
         height: 40px;
         line-height: 40px;
+
+        .tiny-tree-node__content-left {
+          padding-left: 16px;
+        }
+
         &::before {
           display: none;
         }
@@ -301,8 +307,8 @@ export default defineComponent({
   }
   .absolute-tag {
     position: absolute;
-    right: 4px;
-    top: 18px;
+    right: 8px;
+    top: 13px;
   }
   .tiny-tree {
     height: calc(100% - var(--layout-tree-menu-input-height));

diff --git a/packages/theme-saas/src/aurora-theme-index.js b/packages/theme-saas/src/aurora-theme-index.js
@@ -0,0 +1,6 @@
+export default {
+  id: 'tiny-aurora-theme',
+  name: 'AuroraTheme',
+  cnName: '欧若拉主题',
+  css: ''
+}
diff --git a/packages/theme-saas/src/old-theme-index.js b/packages/theme-saas/src/old-theme-index.js
@@ -2,5 +2,5 @@ export default {
   id: 'tiny-old-theme',
   name: 'OldTheme',
   cnName: '旧的主题',
-  css: ``
+  css: ''
 }
diff --git a/packages/theme-saas/src/theme-tool.js b/packages/theme-saas/src/theme-tool.js
@@ -1,6 +1,7 @@
 import tinyOldTheme from './old-theme-index.js'
+import tinyAuroraTheme from './aurora-theme-index.js'
 
-export { tinyOldTheme }
+export { tinyOldTheme, tinyAuroraTheme }
 
 /**
  * 动态切换文档或影子根节点的样式类