From 4f03e6fb9f0fe11e6c191baed39190fdce307117 Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期四, 13 二月 2025 13:25:13 +0800 Subject: [PATCH] appfooter --- src/components/AppFooter.vue | 104 +++++++++++++++++++++++++-------------------------- 1 files changed, 51 insertions(+), 53 deletions(-) diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue index bac742d..eff382a 100644 --- a/src/components/AppFooter.vue +++ b/src/components/AppFooter.vue @@ -1,64 +1,62 @@ <template> - <footer class="bg-[#393939] text-white py-8"> - <div class="w-[63%] mx-auto"> - <div class="grid grid-cols-5 gap-8"> - <!-- 瀵艰埅閾炬帴 --> - <div> - <router-link to="/" class="text-white hover:text-gray-300">棣栭〉</router-link> - </div> - <div> - <router-link to="/industrial-software" class="text-white hover:text-gray-300">宸ヤ笟杞欢|宸ヤ笟APP</router-link> - </div> - <div> - <router-link to="/supply-demand" class="text-white hover:text-gray-300">渚涢渶瀵规帴</router-link> - </div> - <div> - <router-link to="/application" class="text-white hover:text-gray-300">搴旂敤鎺ㄥ箍</router-link> - </div> - <div> - <router-link to="/public-service" class="text-white hover:text-gray-300">鍏叡鏈嶅姟</router-link> - </div> - </div> - - <div class="grid grid-cols-4 gap-8 mt-8"> - <!-- 鑱旂郴鏂瑰紡 --> - <div> - <div class="mb-2">鑱旂郴鏂瑰紡锛�010-64102808</div> - <div>鐢靛瓙閭锛歠engkuan@ccsi.cn</div> - </div> - - <!-- 蹇�熼摼鎺� --> - <div> - <div class="mb-2">杞欢钁椾綔鏉冪敵璇烽�氶亾</div> - <div class="mb-2">鍦ㄧ嚎鍥句功棣�</div> - <div class="mb-2">浼樼妗堜緥</div> - <div class="mb-2">鍏堣繘鏍囧噯</div> - <div>鍏堣繘鏍囧噯鎶�鏈疄璺�</div> - </div> - - <!-- 鏇村閾炬帴 --> - <div> - <div class="mb-2">娴嬭瘯鏈嶅姟</div> - <div class="mb-2">璇佷功绠＄悊</div> - </div> - - <!-- 浜岀淮鐮� --> - <div class="flex gap-4"> - <div class="text-center"> - <!-- <img src="@/assets/qrcode1.png" alt="鍏ㄥ浗淇℃爣濮旇蒋浠朵笌绯荤粺宸ョ▼鍒嗗浼�" class="w-24 h-24 mb-2" /> --> - <div class="text-xs">鍏ㄥ浗淇℃爣濮旇蒋浠朵笌绯荤粺宸ョ▼鍒嗗浼�</div> + <footer class="bg-[#393939] text-[#ccc] py-8 text-small"> + <div class="w-[63%] mx-auto "> + <div class="flex "> + <div class="grid grid-cols-5 gap-8"> + <!-- 瀵艰埅閾炬帴 --> + <div> + <router-link to="/" class="text-white hover:text-white hover:underline">棣栭〉</router-link> </div> - <div class="text-center"> - <!-- <img src="@/assets/qrcode2.png" alt="鍏ㄥ浗淇℃爣濮斿伐涓氳蒋浠�/APP鏍囧噯宸ヤ綔缁�" class="w-24 h-24 mb-2" /> --> - <div class="text-xs">鍏ㄥ浗淇℃爣濮斿伐涓氳蒋浠�/APP鏍囧噯宸ヤ綔缁�</div> + <div> + <router-link to="/industrial-software" class="text-white hover:text-white hover:underline">宸ヤ笟杞欢|宸ヤ笟APP</router-link> + </div> + <div> + <router-link to="/supply-demand" class="text-white hover:text-white hover:underline">渚涢渶瀵规帴</router-link> + </div> + <div class="flex flex-col gap-3"> + <router-link to="/application" class="text-white hover:text-white cursor-default">搴旂敤鎺ㄥ箍</router-link> + <div class="flex flex-col gap-1"> + <router-link to="/standard" class="text-[#ccc] hover:text-[#ccc] hover:underline">鏍囧噯搴�</router-link> + <router-link to="/library" class="text-[#ccc] hover:text-[#ccc] hover:underline">鍦ㄧ嚎鍥句功棣�</router-link> + <router-link to="/cases" class="text-[#ccc] hover:text-[#ccc] hover:underline">浼樼妗堜緥</router-link> + <router-link to="/training" class="text-[#ccc] hover:text-[#ccc] hover:underline">鍜ㄨ鍩硅</router-link> + <router-link to="/community" class="text-[#ccc] hover:text-[#ccc] hover:underline">鍏堣繘鍒堕�犱笟闆嗙兢</router-link> + </div> + </div> + <div class="flex flex-col gap-3"> + <router-link to="/public-service" class="text-white hover:text-white cursor-default">鍏叡鏈嶅姟</router-link> + <div class="flex flex-col gap-1"> + <router-link to="/software-copyright" class="text-[#ccc] hover:text-[#ccc] hover:underline" + >杞欢钁椾綔鏉冪敵璇烽�氶亾</router-link + > + <router-link to="/key-tech" class="text-[#ccc] hover:text-[#ccc] hover:underline">棣栭噸鐐规妧鏈敾鍏�</router-link> + <router-link to="/test-service" class="text-[#ccc] hover:text-[#ccc] hover:underline">娴嬭瘯鏈嶅姟</router-link> + <router-link to="/cert-manage" class="text-[#ccc] hover:text-[#ccc] hover:underline">璇佷功绠＄悊</router-link> + </div> + </div> + </div> + <div class=" ml-8 flex flex-col gap-4 pl-8 text-[#ccc]" style="border-left: 1px solid #5f5f60"> + <div class="text-sm"> + <div>鑱旂郴鏂瑰紡: 010-64102808</div> + <div>鐢靛瓙閭: fengkuan@cesi.cn</div> + </div> + <div class="flex gap-10"> + <div class="w-[90px]"> + <img src="@/assets/footer/1-qrcode.png" alt="鍏ㄥ浗淇℃爣濮旇蒋浠朵笌绯荤粺宸ョ▼鍒嗗浼�" class="w-24 h-24 mb-2" /> + <div class="text-xs">鍏ㄥ浗淇℃爣濮旇蒋浠朵笌绯荤粺宸ョ▼鍒嗗浼�</div> + </div> + <div class="w-[90px]"> + <img src="@/assets/footer/2-qrcode.png" alt="鍏ㄥ浗淇℃爣濮斿伐涓氳蒋浠�/APP鏍囧噯宸ヤ綔缁�" class="w-24 h-24 mb-2" /> + <div class="text-xs">鍏ㄥ浗淇℃爣濮斿伐涓氳蒋浠�/APP鏍囧噯宸ヤ綔缁�</div> + </div> </div> </div> </div> <!-- 鐗堟潈淇℃伅 --> - <div class="mt-8 text-center text-gray-400 text-sm"> + <div class="pt-5 mt-2 text-center text-gray-400 text-sm" > Copyright 漏 2019-2019 js. All Rights Reserved. 鐗堟潈鎵�鏈� - <a href="https://beian.miit.gov.cn/" target="_blank" class="text-gray-400 hover:text-gray-300 ml-2"> 浜琁CP澶�19033988鍙� </a> + <a href="https://beian.miit.gov.cn/" target="_blank" class="text-gray-400 ml-2"> 浜琁CP澶�19033988鍙� </a> </div> </div> </footer> -- Gitblit v1.9.3