标注区小卡片界面

src/components/area/LabelArea.vue

@@ -1,10 +1,10 @@
 /* 标注区 */
 <template>
     <gy-card title="标注区" area-style="label" circle-style="yellow" content-style="25">
-        <div v-for="mk in values" :key="mk">
-            <img/>
-            <div>{{mk.title}}</div>
-            <input v-model="mk.value"/>
+        <div v-for="mk in values" :key="mk" style="width:120px;margin-left:10px;margin-top:10px;">
+            <img src="../../assets/img/LabelArea/flag.png" style="float:left;margin-top:5px;margin-left:15px;"/>
+            <div style="text-align:center;">{{mk.title}}</div>
+            <input v-model="mk.value" style="border:none;background-color:#292929;height:30px;border-radius:6px;text-align:center;outline:none;width:120px;color:rgb(220,220,220);"/>
         </div>
     </gy-card>
 </template>