From 3edbcaf181fdc0df9e4b8cc9aba61319cd7e94ca Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Fri, 16 Jun 2023 17:45:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=80=E7=AB=99=E5=BC=8F=E5=8D=A1=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/OneStop.vue | 37 +++++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/components/OneStop.vue b/src/components/OneStop.vue
index feddde6..a914e3d 100644
--- a/src/components/OneStop.vue
+++ b/src/components/OneStop.vue
@@ -9,7 +9,13 @@
       />
     </div>
     <div class="design_cards">
-      <div class="card"></div>
+      <div class="card">
+        <div class="img"></div>
+        <div class="btn_wrap">
+          <p>工业设计</p>
+          <div class="btn">查看详情</div>
+        </div>
+      </div>
       <div class="card"></div>
       <div class="card"></div>
       <div class="card"></div>
@@ -38,9 +44,36 @@ import HeadLine from 'cpns/HeadLine'
     column-gap: 7px;
     .card {
       flex: 1;
-      height: 125px;
       border-radius: 3px;
       background: #fff;
+      .img {
+        width: 100%;
+        height: 88px;
+        background: #000;
+      }
+      .btn_wrap {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 10px 12px 10px 16px;
+        box-sizing: border-box;
+        font-size: 7px;
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        color: #020208;
+        .btn {
+          background: #f94622;
+          border-radius: 8px;
+          padding: 5px 9px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 7px;
+          font-family: Source Han Sans CN;
+          font-weight: 400;
+          color: #ffffff;
+        }
+      }
     }
   }
 }