zc

src/views/components/subComponent.vue

@@ -105,7 +105,9 @@
         <div class="alarm-big-box">
           <div class="alarm-left-big-box">
             <div class="text-box">
-              <p class="colorType" :class="newData.status==1?'idle-color':(newData.status==2?'use-color':(newData.status==3?'maintenance-color':''))">{{newData.status==1?'空闲':(newData.status==2?'使用':(newData.status==3?'维修':''))}}</p>
+              <div class="colorType" :class="newData.status==1?'idle-color':(newData.status==2?'use-color':(newData.status==3?'maintenance-color':''))">
+                <p>{{newData.status==1?'空闲':(newData.status==2?'使用':(newData.status==3?'维修':''))}}</p>
+              </div>
               <p class="roomName">{{newData.roomNumName}}</p>
             </div>
             <div class="text-box">
@@ -471,8 +473,19 @@
                 line-height:25px;
                 color:#fff;
                 font-size:14px;
-                border-radius:15px;
+                border-radius: 50px;
                 margin-right:10px;
+                p{
+                  margin: 3px;
+                  width: 49px;
+                  height: 19px;
+                  text-align: center;
+                  line-height: 19px;
+                  color: #fff;
+                  border-radius: 50px;
+                  border: 1px solid #fff;
+                  font-size: 16px;
+                }
               }
               .roomName{
                 color:#fff;