ソースを参照

fix: B端字体

weibo.xia 2 週間 前
コミット
bd4ed19c82
2 ファイル変更24 行追加8 行削除
  1. 9 1
      apps/web-velofex-b/src/app.vue
  2. 15 7
      apps/web-velofex-b/src/styles/global.scss

+ 9 - 1
apps/web-velofex-b/src/app.vue

@@ -13,6 +13,9 @@ defineOptions({ name: 'App' });
 const { isDark } = usePreferences();
 const { tokens } = useAntdDesignTokens();
 
+const antFontFamily =
+  "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+
 const tokenTheme = computed(() => {
   const algorithm = isDark.value
     ? [theme.darkAlgorithm]
@@ -25,7 +28,12 @@ const tokenTheme = computed(() => {
 
   return {
     algorithm,
-    token: tokens,
+    token: {
+      ...tokens,
+      fontFamily: antFontFamily,
+      fontSize: 14,
+      lineHeight: 22 / 14,
+    },
   };
 });
 </script>

+ 15 - 7
apps/web-velofex-b/src/styles/global.scss

@@ -10,7 +10,11 @@
   z-index: 1;
   overflow: hidden;
   color: #fff;
-  background: linear-gradient(to right, #8b0046, #460023);
+  background: linear-gradient(
+    to right,
+    hsl(var(--primary)),
+    hsl(var(--primary-600, var(--primary)))
+  );
   border: none !important;
   outline: none !important;
   box-shadow: none !important;
@@ -24,7 +28,7 @@
   width: 100%;
   height: 100%;
   content: '';
-  background: #7a003d;
+  background: hsl(var(--primary-600, var(--primary)));
   opacity: 0;
   transition: opacity 0.3s ease;
 }
@@ -48,15 +52,19 @@
 
 .ant-btn-default:hover {
   color: #fff !important;
-  background: linear-gradient(to right, #8b0046, #460023);
-  border: 1px solid #8b0046 !important;
-  border-color: #8b0046;
+  background: linear-gradient(
+    to right,
+    hsl(var(--primary)),
+    hsl(var(--primary-600, var(--primary)))
+  );
+  border: 1px solid hsl(var(--primary)) !important;
+  border-color: hsl(var(--primary));
 }
 
 .global-color {
-  background-color: #5d1818;
+  background-color: hsl(var(--primary));
 }
 
 .global-color:hover {
-  background-color: #7a003d;
+  background-color: hsl(var(--primary-600, var(--primary)));
 }