Browse Source

样式调整

gcz 2 years ago
parent
commit
cd397287a6
1 changed files with 6 additions and 3 deletions
  1. 6 3
      src/components/numerical.vue

+ 6 - 3
src/components/numerical.vue

@@ -8,7 +8,7 @@
         <div class="item-wrap">
             <div class="inner u-flex u-flex-wrap">
                 <div class="numerical-item" v-for="(item,index) in data" :key="item.name+index">
-                    <div class="cell name">{{item.name}}</div>
+                    <div class="cell name">{{item.name}}</div>
                     <span class="cell number">{{item.number}}</span>
                     <span class="cell unit">{{item.unit}}</span>
                 </div>
@@ -56,11 +56,14 @@
         height: calc( 100% - 48px );
         display:flex;
         align-items: center;
+        .inner{
+            width: 100%;
+        }
         .numerical-item{
-            padding: 0 0 15px 15px;
+            padding: 0 15px 15px 15px;
             box-sizing: border-box;
             width: 50%;
-            text-align: left;
+            text-align: center;
             .name{
                 font-size: 18px;
                 color: #a6b7bf;