修改底部排版

src/components/foots/index.vue

@@ -4,18 +4,19 @@
       <el-image @click="signClick" class="sign" :src="url"></el-image>
       <div class="info">
         <p class="itemBox itemBox1">
-          <span class="item">{{ infos.title && infos.title.name }}：{{ infos.title && infos.title.value }}</span>
-          <span class="item">{{ infos.record && infos.record.name }}：{{ infos.record && infos.record.value }}</span>
+          <span class="item">{{ infos.record && infos.record.name }}{{ infos.record && infos.record.value }}</span>
+          <span class="item">{{ infos.title && infos.title.name }}{{ infos.title && infos.title.value }}</span>
+          <span class="item">{{ infos.address && infos.address.name }}{{ infos.address && infos.address.value }}</span>
         </p>
         <p class="itemBox itemBox2">
-          <span class="item">{{ infos.address && infos.address.name }}：{{ infos.address && infos.address.value }}</span>
-          <span class="item item2">{{ infos.postalCode && infos.postalCode.name }}：{{ infos.postalCode && infos.postalCode.value }}</span>
-          <span class="item">{{ infos.phone && infos.phone.name }}：{{ infos.phone && infos.phone.value }}</span>
-        </p>
-        <p class="itemBox itemBox3">
-          <span class="item">{{ infos.fax && infos.fax.name }}：{{ infos.fax && infos.fax.value }}</span>
-          <span class="item">{{ infos.email && infos.email.name }}：{{ infos.email && infos.email.value }}</span>
+          <span class="item"></span>
+          <span class="item item2">{{ infos.postalCode && infos.postalCode.name }}{{ infos.postalCode && infos.postalCode.value }}</span>
+          <span class="item">{{ infos.phone && infos.phone.name }}{{ infos.phone && infos.phone.value }}</span>
         </p>
+        <!-- <p class="itemBox itemBox3">
+          <span class="item">{{ infos.fax && infos.fax.name }}{{ infos.fax && infos.fax.value }}</span>
+          <span class="item">{{ infos.email && infos.email.name }}{{ infos.email && infos.email.value }}</span>
+        </p> -->
       </div>
     </div>
   </div>
@@ -68,28 +69,23 @@ export default {
     .info {
       width: 80%;
       margin-left: 8%;
+      display: flex;
       .itemBox {
-        display: flex;
+        // display: flex;
         .item {
-          margin: 0 10px;
+          display: block;
+          margin: 10px;
         }
       }
-      .itemBox1 .item {
+      .itemBox1, .itemBox2 {
         width: 50%;
-        text-align: center;
-      }
-      .itemBox2 {
         .item {
-          // width: 40%;
-          text-align: center;
-        }
-        .item2 {
-          // width: 20%;
+          text-align: left;
         }
       }
       .itemBox3 .item {
-        width: 50%;
-        text-align: center;
+        width: 0%;
+        // text-align: center;
       }
     }
   }