From 268bb415666f43943d02fbaf73c9d1073d074ab6 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Fri, 16 Jun 2023 15:41:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=BA=E6=A2=B0=E4=BC=A0=E5=8A=A8card?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MechanicalDrive.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/MechanicalDrive.vue b/src/components/MechanicalDrive.vue
index 24c447b..0eb8d5b 100644
--- a/src/components/MechanicalDrive.vue
+++ b/src/components/MechanicalDrive.vue
@@ -9,7 +9,10 @@
       />
     </div>
     <div class="grid_layouts">
-      <div class="card"></div>
+      <div class="card">
+        <div class="img"></div>
+        <div class="title">同步带传动</div>
+      </div>
       <div class="card"></div>
       <div class="card"></div>
       <div class="card"></div>
@@ -47,9 +50,25 @@ import HeadLine from 'cpns/HeadLine'
     row-gap: 7px;
     .card {
       flex: 1;
-      height: 107px;
       background: #ffffff;
       border-radius: 3px;
+      .img {
+        width: 100%;
+        height: 89px;
+        background: #000;
+      }
+      .title {
+        font-size: 14px;
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        color: #000000;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #fafafa;
+        padding: 12px 0;
+        width: 100%;
+      }
     }
   }
 }