Parcourir la source

fix: 修改B端样式

weibo.xia il y a 2 jours
Parent
commit
f3b84133ce

+ 28 - 4
apps/web-velofex-b/src/components/home-dashboard-tab.vue

@@ -391,11 +391,11 @@ function renderChartTooltip(params: any) {
       const marker = String(item?.marker ?? '');
       const marker = String(item?.marker ?? '');
       const valueColor = name === usagePercentName ? '#7E0040' : '#000000';
       const valueColor = name === usagePercentName ? '#7E0040' : '#000000';
 
 
-      return `<div style="display:flex;align-items:center;gap:6px;margin-top:6px;"><span>${marker}</span><span style="color:${valueColor};font-size:16px;">${name}:</span><span style="color:${valueColor};font-size:16px;font-weight:700;">${value}</span></div>`;
+      return `<div style="display:flex;align-items:center;gap:6px;margin-top:6px;"><span>${marker}</span><span style="color:${valueColor};font-size:13px;">${name}:</span><span style="color:${valueColor};font-size:13px;font-weight:700;">${value}</span></div>`;
     })
     })
     .join('');
     .join('');
 
 
-  return `<div><div style="color:#2E0018;font-size:16px;line-height:24px;font-weight:700;">${title}</div>${lineHtml}</div>`;
+  return `<div><div style="color:#2E0018;font-size:15px;line-height:22px;font-weight:700;">${title}</div>${lineHtml}</div>`;
 }
 }
 
 
 function renderDashboardChart() {
 function renderDashboardChart() {
@@ -664,7 +664,7 @@ watch(
 
 
 <template>
 <template>
   <section
   <section
-    class="grid h-full min-h-0 w-full grid-rows-[auto_48px_minmax(0,1fr)_minmax(0,1.25fr)] gap-4 pt-4"
+    class="dashboard-home-typography grid h-full min-h-0 w-full grid-rows-[auto_48px_minmax(0,1fr)_minmax(0,1.25fr)] gap-4 pt-4"
   >
   >
     <div
     <div
       class="overflow-hidden rounded-xl bg-white shadow-[0_10px_24px_0_rgba(46,0,24,0.12)]"
       class="overflow-hidden rounded-xl bg-white shadow-[0_10px_24px_0_rgba(46,0,24,0.12)]"
@@ -1017,6 +1017,30 @@ watch(
 </template>
 </template>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
+.dashboard-home-typography {
+  font-family: 'Open Sans', sans-serif;
+}
+
+.dashboard-home-typography :deep([class*='text-[26px]']) {
+  font-size: 18px !important;
+}
+
+.dashboard-home-typography :deep([class*='text-[18px]']) {
+  font-size: 15px !important;
+}
+
+.dashboard-home-typography :deep([class*='text-[16px]']) {
+  font-size: 13px !important;
+}
+
+.dashboard-home-typography :deep([class*='text-[15px]']) {
+  font-size: 13px !important;
+}
+
+.dashboard-home-typography :deep([class*='text-[14px]']) {
+  font-size: 12px !important;
+}
+
 .team-permission-result-wrap {
 .team-permission-result-wrap {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
@@ -1054,7 +1078,7 @@ watch(
 
 
 .team-permission-title {
 .team-permission-title {
   margin-top: 5px;
   margin-top: 5px;
-  font-size: clamp(15px, 1.8vw, 18px);
+  font-size: clamp(13px, 1.6vw, 15px);
   line-height: 1.25;
   line-height: 1.25;
   color: #2e0018;
   color: #2e0018;
 }
 }

+ 9 - 4
apps/web-velofex-b/src/views/home.vue

@@ -887,6 +887,9 @@ function handleIframeLoad(event: Event) {
   height: 100vh;
   height: 100vh;
   min-height: 100vh;
   min-height: 100vh;
   overflow: hidden;
   overflow: hidden;
+  font-family: 'Open Sans', sans-serif;
+  font-size: 13px;
+  line-height: 1.4;
   background: url('@/assets/image/background.png') no-repeat;
   background: url('@/assets/image/background.png') no-repeat;
   background-size: cover;
   background-size: cover;
 }
 }
@@ -992,7 +995,7 @@ function handleIframeLoad(event: Event) {
 }
 }
 
 
 .brand-text {
 .brand-text {
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 600;
   font-weight: 600;
   color: #4f4250;
   color: #4f4250;
 }
 }
@@ -1030,7 +1033,7 @@ function handleIframeLoad(event: Event) {
   display: inline-flex;
   display: inline-flex;
   gap: 8px;
   gap: 8px;
   align-items: center;
   align-items: center;
-  font-size: 16px;
+  font-size: 13px;
 }
 }
 
 
 :deep(.menu-node-icon) {
 :deep(.menu-node-icon) {
@@ -1096,6 +1099,8 @@ function handleIframeLoad(event: Event) {
 
 
 :deep(.content-tabs-wrap .tabs-chrome__item-main) {
 :deep(.content-tabs-wrap .tabs-chrome__item-main) {
   min-width: 72px;
   min-width: 72px;
+  font-family: 'Open Sans', sans-serif;
+  font-size: 13px;
 }
 }
 
 
 :deep(.content-tabs-wrap [data-radix-scroll-area-viewport]) {
 :deep(.content-tabs-wrap [data-radix-scroll-area-viewport]) {
@@ -1230,7 +1235,7 @@ function handleIframeLoad(event: Event) {
 
 
 .crumb {
 .crumb {
   margin-left: 8px;
   margin-left: 8px;
-  font-size: 14px;
+  font-size: 13px;
   color: #462424;
   color: #462424;
 }
 }
 
 
@@ -1297,7 +1302,7 @@ function handleIframeLoad(event: Event) {
   place-items: center;
   place-items: center;
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
-  font-size: 14px;
+  font-size: 13px;
   color: #8b808a;
   color: #8b808a;
 }
 }
 </style>
 </style>