调整布局

components/footer.vue

@@ -36,10 +36,8 @@
           </dl>
           <dl v-if="hotList.length">
             <dt>热门推荐</dt>
-            <div style="display: flex;justify-content: flex-start;flex-wrap: wrap">
-              <dd style="width: 30%" v-for="item in hotList" :key="item.iiId" @click="checkNews(item)">{{item.biaoqian}}</dd>
-              <dd style="width: 30%" v-for="item in hotList" :key="item.iiId" @click="checkNews(item)">{{item.biaoqian}}</dd>
-
+            <div style="display: flex;flex-direction: column;justify-content: flex-start;flex-wrap: wrap;height: 80px">
+              <dd style="margin-right: 10px;text-align: left" v-for="item in hotList" :key="item.iiId" @click="checkNews(item)">{{item.biaoqian}}</dd>
             </div>
 
           </dl>

components/footer2.vue

@@ -35,8 +35,8 @@
              </dl>
              <dl v-if="hotList.length">
                <dt>热门推荐</dt>
-               <div style="display: flex;justify-content: flex-start;flex-wrap: wrap">
-                 <dd style="width: 30%" v-for="item in hotList" :key="item.iiId" @click="checkNews(item)">{{item.biaoqian}}</dd>
+               <div style="display: flex;flex-direction: column;justify-content: flex-start;flex-wrap: wrap;height: 80px">
+                 <dd style="margin-right: 10px;text-align: left" v-for="item in hotList" :key="item.iiId" @click="checkNews(item)">{{item.biaoqian}}</dd>
                </div>
              </dl>
            </div>