修改底部样式

components/Footer.vue

@@ -2,17 +2,17 @@
   <footer class="main-footer">
     <div class="top">
       <div class="about">
-        <p v-html="$t('foot.address')"></p>
+        <div v-html="$t('foot.address')"></div>
         <div style="padding:10px 0;" v-html="$t('foot.contact')"></div>
-        <p v-html="$t('foot.email')"></p>
+        <div v-html="$t('foot.email')"></div>
+      </div>
+      <div class="relation">
+        <div>{{ $t('foot.relationT1') }}</div>
+        <div>
+          <div>{{ $t('foot.relationT2') }}</div>
+          <div>{{ $t('foot.relationT3') }}</div>
+        </div>
       </div>
-      <dl>
-        <dt>{{ $t('foot.relationT1') }}</dt>
-        <dd>
-          <p>{{ $t('foot.relationT2') }}</p>
-          <p>{{ $t('foot.relationT3') }}</p>
-        </dd>
-      </dl>
       <div class="link">
         <template v-for="(item, index) in link">
           <a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
@@ -61,13 +61,11 @@ export default {
     padding: 0.24rem 0.15rem;
   }
   .about {
-    letter-spacing: 0.01rem;
     white-space: nowrap;
+    letter-spacing: 0.01rem;
 
-    p {
+    div {
       font-size: 0.11rem;
-    }
-    p + p {
       margin-top: 10px;
     }
   }
@@ -102,14 +100,11 @@ export default {
       vertical-align: middle;
     }
   }
-  dl {
+  .relation {
     display: flex;
     margin-top: 0.22rem;
     font-size: 0.11rem;
     letter-spacing: 0.01rem;
-    p + p {
-      margin-top: 10px;
-    }
   }
 }
 </style>