修改底部导航栏

src/components/CpmdFooter.vue

@@ -35,12 +35,40 @@
             <div class="home_footer_fo_des">游戏内容</div>
             <div class="home_footer_fo_des">联系我们</div>
         </div> -->
-        <!-- <div style="width:1200px;height:10px;background-color: #ffffff;">
-        </div> -->
+        <div class="icon_list">
+            <div class="icon_inner">
+                <img class="img_icon" src="../assets/footer/1.png" alt="">
+                <!-- <span class="icon_font">中国人民解放军军事科学院军事医学研究院</span> -->
+                <span class="icon_font">中国人民解放军军事科学院军事医学研究院</span>
+                <!-- <span class="icon_font">中国人民解放军军事科学院军事医学研究院</span> -->
+            </div>
+            <div class="icon_inner">
+                <img class="img_icon" src="../assets/footer/2.png" alt="">
+                <span class="icon_font">中国人民解放军空军</span>
+                <span class="icon_font">特色医学中心</span>
+            </div>
+            <div class="icon_inner">
+                <img class=" img_icon" src="../assets/footer/3.png" alt="">
+                <span class="icon_font">国家超级计算</span>
+                <span class="icon_font">郑州中心</span>
+            </div>
+            <div class="icon_inner">
+                <img class="img_icon" src="../assets/footer/4.png" alt="">
+                <span class="icon_font">郑州大学</span>
+                <span class="icon_font">第一附属医院</span>
+            </div>
+            <div class="icon_inner">
+                <img class="img_icon" src="../assets/footer/5.png" alt="">
+                <span class="icon_font">首都医科大学</span>
+                <span class="icon_font">宣武医院</span>
+            </div>
+        </div>
+        <div style="width:1200px;height:10px;background-color: #ffffff;">
+        </div>
         <div class="home_footer_fo">
             <div class="home_footer_fo_des">隐私</div>
             <div class="home_footer_fo_des">使用条款</div>
-            <div class="home_footer_fo_des">北京丁香科技有限公司</div>
+            <!-- <div class="home_footer_fo_des">北京丁香科技有限公司</div> -->
         </div>
     </div>
 </template>
@@ -93,5 +121,30 @@
             margin: 0px 20px;
         }
     }
+
+    .icon_list {
+        display: flex;
+        justify-content: space-around;
+
+        margin-bottom: 20px;
+
+        .icon_inner {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+            width: 200px;
+
+            .img_icon {
+                width: 70px;
+                margin-bottom: 5px;
+            }
+
+            .icon_font {
+                color: #ffffff;
+                text-align: center;
+            }
+        }
+    }
 }
 </style>