From 9fa28b44b7c89d5fe569354d0e03f4c34a3d8ba3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E9=91=AB?= <zhangxin@zhehekeji.com>
Date: Tue, 12 Jan 2021 16:17:48 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=98=E7=82=B9=E7=AE=A1=E7=90=86tag?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=9B=B4=E6=8D=A2=E4=B8=BAdiv=EF=BC=88?=
 =?UTF-8?q?=E8=A7=A3=E5=86=B3=E7=94=B1=E4=BA=8E=E8=BF=87=E5=A4=9Atag?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E4=BD=BF=E7=94=A8=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E5=90=83=E5=8A=9B=E5=BB=B6=E8=BF=9F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/checkManage/index.vue | 60 +++++++++++++++------------------
 1 file changed, 27 insertions(+), 33 deletions(-)

diff --git a/src/views/checkManage/index.vue b/src/views/checkManage/index.vue
index 29aa2fe..483a916 100644
--- a/src/views/checkManage/index.vue
+++ b/src/views/checkManage/index.vue
@@ -21,11 +21,12 @@
                 <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box">
                     <div class="roadway-box">
                         <div class="line" v-for="item in 20" :key="item">
-                            <a-tag
-                                :color="i+'-'+item == '4-14'|| i+'-'+item=='8-18'?'#d81e06':'#bfbfbf'"
-                                style="width:46px;height:25px;margin: 1px 2px;" v-for="i in 60"
+                            <div
+                                class="ele"
+                                :style="{background:i+'-'+item == '4-14'|| i+'-'+item=='8-18'?'#d81e06':'#bfbfbf'}"
+                                v-for="i in 60"
                                 :key="i">{{i}}-{{item}}
-                            </a-tag>
+                            </div>
                         </div>
                     </div>
                 </happy-scroll>
@@ -53,11 +54,11 @@
                 <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box">
                     <div class="roadway-box">
                         <div class="line" v-for="item in 20" :key="item">
-                            <a-tag
-                                :color="i+'-'+item == '5-16'|| i+'-'+item=='9-17'||i+'-'+item=='11-15'?'#1afa29':'#bfbfbf'"
-                                style="width:46px;height:25px;margin: 1px 2px;" v-for="i in 60"
-                                :key="i">{{i}}-{{item}}
-                            </a-tag>
+                            <div class="ele"
+                                 :style="{background:i+'-'+item == '5-16'|| i+'-'+item=='9-17'||i+'-'+item=='11-15'?'#1afa29':'#bfbfbf'}"
+                                 v-for="i in 60"
+                                 :key="i">{{i}}-{{item}}
+                            </div>
                         </div>
                     </div>
                 </happy-scroll>
@@ -118,41 +119,34 @@ export default {
         .roadway-top {
             padding: 20px 0;
             width: 1000px;
-
-            .scroll-box {
-                height: 270px;
-
-                .roadway-box {
-                    transform: rotateX(180deg);
-                    padding: 10px 10px 0 0;
-
-                    .line {
-                        display: flex;
-                        transform: rotateX(180deg); //两次垂直镜像翻转让原本由上到下排列的div 更改为由下到上
-                    }
-                }
-            }
-
         }
 
         .roadway-buttom {
             padding: 20px 0;
             width: 1000px;
+        }
 
-            .scroll-box {
-                height: 270px;
+        .scroll-box {
+            height: 270px;
 
-                .roadway-box {
-                    transform: rotateX(180deg);
-                    padding: 10px 10px 0 0;
+            .roadway-box {
+                transform: rotateX(180deg);
+                padding: 10px 10px 0 0;
 
-                    .line {
-                        display: flex;
-                        transform: rotateX(180deg); //两次垂直镜像翻转让原本由上到下排列的div 更改为由下到上
+                .line {
+                    display: flex;
+                    transform: rotateX(180deg); //两次垂直镜像翻转让原本由上到下排列的div 更改为由下到上
+                    .ele {
+                        width: 46px;
+                        height: 25px;
+                        margin: 1px 2px;
+                        text-align: center;
+                        border-radius: 4px;
+                        cursor: pointer;
+                        font-size: 14px;
                     }
                 }
             }
-
         }
     }
 </style>