From e177a171829bb21109b5059f6ece54d6d18c8400 Mon Sep 17 00:00:00 2001
From: fhysy <1149505133@qq.com>
Date: Mon, 14 Apr 2025 13:47:27 +0800
Subject: [PATCH] =?UTF-8?q?style(home):=20=E8=B0=83=E6=95=B4=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E6=A0=B7=E5=BC=8F=E3=80=81=E5=B1=8F=E8=94=BD=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/BasicLayoutPage.vue          |  2 +-
 src/views/home/components/BootCard.vue             |  5 +++--
 src/views/home/components/BootCardSmall.vue        | 14 +++++++-------
 .../home/components/ComprehensiveHome/index.vue    | 10 +++++-----
 src/views/home/components/PlatformPicCard.vue      |  4 ++--
 src/views/home/components/StepCard.vue             | 11 +++++++----
 src/views/home/index.vue                           |  3 ++-
 7 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/components/Layout/BasicLayoutPage.vue b/src/components/Layout/BasicLayoutPage.vue
index 677bfcce..56985b82 100644
--- a/src/components/Layout/BasicLayoutPage.vue
+++ b/src/components/Layout/BasicLayoutPage.vue
@@ -20,7 +20,7 @@
         </template>
         <template #rightContentRender>
             <div class="right-content">
-                <AIcon type="QuestionCircleOutlined" @click="toDoc" />
+<!--                <AIcon type="QuestionCircleOutlined" @click="toDoc" />-->
                 <Notice style="margin: 0 24px" />
                 <UserInfo />
             </div>
diff --git a/src/views/home/components/BootCard.vue b/src/views/home/components/BootCard.vue
index 9a65085e..53943fb0 100644
--- a/src/views/home/components/BootCard.vue
+++ b/src/views/home/components/BootCard.vue
@@ -8,7 +8,7 @@
                 v-for="(item, index) in cardData"
                 @click="jumpPage(item)"
             >
-                <div class="item-english">{{ item.english }}</div>
+<!--                <div class="item-english">{{ item.english }}</div>-->
                 <div class="item-title">{{ item.label }}</div>
                 <img
                     class="item-image"
@@ -94,10 +94,11 @@ const jumpPage = (item: bootConfig) => {
                 color: @text-color;
                 font-weight: 700;
                 font-size: 20px;
+                line-height: 53.22px;
             }
             .item-image {
                 position: absolute;
-                right: 10%;
+                right: 0;
                 bottom: 0;
             }
             &::after {
diff --git a/src/views/home/components/BootCardSmall.vue b/src/views/home/components/BootCardSmall.vue
index 42806c2c..0ccd5850 100644
--- a/src/views/home/components/BootCardSmall.vue
+++ b/src/views/home/components/BootCardSmall.vue
@@ -12,7 +12,7 @@
                         <img :src="item.image" alt="" />
                     </div>
                     <div class="intro">
-                        <div class="item-english">{{ item.english }}</div>
+<!--                        <div class="item-english">{{ item.english }}</div>-->
                         <div class="item-label">{{ item.label }}</div>
                     </div>
                 </div>
@@ -83,7 +83,7 @@ const jumpPage = (item: bootConfig) => {
             //border-color: rgb(238, 238, 238) rgb(238, 238, 238)
             //    rgb(238, 238, 238) rgb(133, 165, 255);
             //border: 1px solid #e6e6e6;
-            padding: 11px;
+            padding: 11px 8.6%;
             //background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(135.62deg, rgba(47, 84, 235, 0.07) 22.27%, rgba(47, 84, 235, 0.01) 91.82%);
             //border-radius: 2px;
             //box-shadow: -2px 0 #85A5FF;
@@ -103,18 +103,18 @@ const jumpPage = (item: bootConfig) => {
                 .item-label {
                     //color: #252526;
                     font-size: 18px;
-                    //font-weight: 700;
-                    font-weight: 400;
+                    font-weight: 600;
                     color: #333333;
-                    //line-height: 44px;
+                    line-height: 50.28px;
+                    margin-left: 10px;
                 }
             }
 
             .right-bj {
                 position: absolute;
-                right: 10%;
+                right: 0;
                 bottom: 0;
-                width: 37px;
+                //width: 20%;
             }
           &:hover {
             background: linear-gradient(90deg, #E9F8FF 0%, #D9EDFF 46%, #E9F8FF 100%);
diff --git a/src/views/home/components/ComprehensiveHome/index.vue b/src/views/home/components/ComprehensiveHome/index.vue
index 6661c234..beaf38be 100644
--- a/src/views/home/components/ComprehensiveHome/index.vue
+++ b/src/views/home/components/ComprehensiveHome/index.vue
@@ -113,7 +113,7 @@ const deviceStepDetails: recommendList[] = [
         title: $t('ComprehensiveHome.index.926510-6'),
         details:
             $t('ComprehensiveHome.index.926510-9'),
-        iconUrl: '/images/home/bottom-4.png',
+        iconUrl: '/images/home/bottom-1.png',
         linkUrl: 'device/Product',
         auth: productPermission('add'),
         params: {
@@ -124,7 +124,7 @@ const deviceStepDetails: recommendList[] = [
         title: $t('ComprehensiveHome.index.926510-10'),
         details:
             $t('ComprehensiveHome.index.926510-11'),
-        iconUrl: '/images/home/bottom-1.png',
+        iconUrl: '/images/home/bottom-2.png',
         linkUrl: 'device/Product/Detail',
         auth: productPermission('update'),
         onClick: () => {
@@ -134,7 +134,7 @@ const deviceStepDetails: recommendList[] = [
     {
         title: $t('ComprehensiveHome.index.926510-12'),
         details: $t('ComprehensiveHome.index.926510-13'),
-        iconUrl: '/images/home/bottom-5.png',
+        iconUrl: '/images/home/bottom-3.png',
         linkUrl: 'device/Instance',
         auth: devicePermission('add'),
         params: {
@@ -145,7 +145,7 @@ const deviceStepDetails: recommendList[] = [
         title: $t('ComprehensiveHome.index.926510-14'),
         details:
             $t('ComprehensiveHome.index.926510-15'),
-        iconUrl: '/images/home/bottom-2.png',
+        iconUrl: '/images/home/bottom-4.png',
         linkUrl: 'device/Instance/Detail',
         auth: devicePermission('update'),
         onClick: () => {
@@ -155,7 +155,7 @@ const deviceStepDetails: recommendList[] = [
     {
         title: $t('ComprehensiveHome.index.926510-16'),
         details: $t('ComprehensiveHome.index.926510-17'),
-        iconUrl: '/images/home/bottom-3.png',
+        iconUrl: '/images/home/bottom-5.png',
         linkUrl: 'device/Instance',
         auth: devicePermission('import'),
         params: {
diff --git a/src/views/home/components/PlatformPicCard.vue b/src/views/home/components/PlatformPicCard.vue
index a20d559c..57f3b160 100644
--- a/src/views/home/components/PlatformPicCard.vue
+++ b/src/views/home/components/PlatformPicCard.vue
@@ -2,7 +2,7 @@
     <div class="platform-pic-container">
         <div class="title">
             <span>{{ $t('components.PlatformPicCard.926510-0') }}</span>
-            <p>PLATFORM ARCHITECTURE DIAGRAM</p>
+<!--            <p>PLATFORM ARCHITECTURE DIAGRAM</p>-->
         </div>
       <div class='plaid'></div>
       <div
@@ -48,7 +48,7 @@ const props = defineProps({
         width: 100%;
         height: calc(100% - 50px);
         margin-top: 40px;
-        background-size: 85%;
+        background-size: auto 90%;
         background-position: center;
         background-repeat: no-repeat;
     }
diff --git a/src/views/home/components/StepCard.vue b/src/views/home/components/StepCard.vue
index f68246b2..f54a9e86 100644
--- a/src/views/home/components/StepCard.vue
+++ b/src/views/home/components/StepCard.vue
@@ -12,8 +12,8 @@
 
         <div class="box-list">
             <div class="list-item" v-for="item in props.dataList">
-              <div class="item-content">
-                <div class="box-top" @click="jumpPage(item)">
+              <div class="item-content" @click="jumpPage(item)">
+                <div class="box-top">
                     <img :src="item.iconUrl" alt="" />
                     <span class="top-title">{{ item.title }}</span>
                 </div>
@@ -86,6 +86,7 @@ const jumpPage = (row: recommendList) => {
         .list-item {
             flex: 1;
             position: relative;
+            cursor: pointer;
             .item-content {
               display: flex;
               flex-direction: column;
@@ -101,17 +102,19 @@ const jumpPage = (row: recommendList) => {
                 color: #333;
                 font-weight: 700;
                 font-size: 14px;
-                cursor: pointer;
+
 
                 img {
                     position: absolute;
                     top: 0;
-                    right: 0;
+                    left: 0;
                     z-index: 1;
                     height: 100%;
+                  transform: scale(0.7);
                 }
                 span {
                   position: relative;
+                  padding-left: 30px;
                   z-index: 2;
                 }
             }
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index b557fab8..61aa88c7 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -136,7 +136,8 @@ if (isNoCommunity) {
         left: 0;
         background-color: rgba(0, 0, 0, 0);
         border: 1px solid rgba(0, 0, 0, 0);
-        transform: translateY(-50%);
+        transform: translateY(-50%) scale(0.65);
+
         //content: ' ';
         width: 20px;
         height: 20px;