From bf48c292db9ae0caf5bb07dec466088849f67d5e Mon Sep 17 00:00:00 2001
From: xieyonghong <18010623010@163.com>
Date: Mon, 10 Apr 2023 13:49:56 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/components/StepCard.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/views/home/components/StepCard.vue b/src/views/home/components/StepCard.vue
index a5008a49..741191f6 100644
--- a/src/views/home/components/StepCard.vue
+++ b/src/views/home/components/StepCard.vue
@@ -14,8 +14,8 @@
             <div class="list-item" v-for="item in props.dataList">
               <div class="item-content">
                 <div class="box-top" @click="jumpPage(item)">
-                    <span class="top-title">{{ item.title }}</span>
                     <img :src="item.iconUrl" alt="" />
+                    <span class="top-title">{{ item.title }}</span>
                 </div>
                 <div class="box-details">{{ item.details }}</div>
               </div>
@@ -108,6 +108,10 @@ const jumpPage = (row: recommendList) => {
                     z-index: 1;
                     height: 100%;
                 }
+                span {
+                  position: relative;
+                  z-index: 2;
+                }
             }
             .box-details {
                 padding: 24px;
@@ -129,4 +133,20 @@ const jumpPage = (row: recommendList) => {
         }
     }
 }
+
+@media (min-width: @screen-md-min) {
+  .step-container {
+    .box-list {
+      .list-item {
+        .box-top {
+          font-size: 12px;
+          padding: 12px 18px;
+        }
+        .box-details {
+          padding: 12px;
+        }
+      }
+    }
+  }
+}
 </style>