From c74f8a2d23b705ab600ac67bfa63adcecb079307 Mon Sep 17 00:00:00 2001
From: hh <292475944@qq.com>
Date: Tue, 4 Jan 2022 14:11:59 +0800
Subject: [PATCH] webFooter

---
 src/components/webFooter/index.vue | 58 ++++++++++++++++++++++++++++--
 1 file changed, 56 insertions(+), 2 deletions(-)

diff --git a/src/components/webFooter/index.vue b/src/components/webFooter/index.vue
index a6dbb7b..913c0f6 100644
--- a/src/components/webFooter/index.vue
+++ b/src/components/webFooter/index.vue
@@ -1,9 +1,63 @@
 <template>
     <div class="webFooter">
-        页面底部
+        <div class="wrap">
+            <el-row>
+                <el-col :span="4">
+                    <div class="tit">解决方案</div>
+                    <p><a href="">大型企业服务</a></p>
+                    <p><a href="">科研院所服务</a></p>
+                    <p><a href="">政府区域服务</a></p>
+                </el-col>
+                <el-col :span="4">
+                    <div class="tit">创新服务</div>
+                    <p><a href="">科技快报</a></p>
+                    <p><a href="">海外人才推荐</a></p>
+                    </el-col>
+                <el-col :span="8">
+                    <div class="tit">联系我们</div>
+                    <p><a href="">客服电话：400-666-8888</a></p>
+                    <p><a href="">邮箱：zhongkeyun@163.cn</a></p>
+                    <p><a href="">地址：安徽省合肥市科大讯飞大楼</a></p>
+                </el-col>
+                <el-col :span="4" style="text-align: center;">
+                    <div class="tit">二维码</div>
+                    <p><img class="qrcode" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F01%2F39%2F53%2F71573cc4a35de96.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643849770&t=80c12feeca42dad377bbdde1d6e78f33" alt=""></p>
+                </el-col>
+                <el-col :span="4" style="text-align: center;">
+                    <div class="tit">二维码</div>
+                    <p><img class="qrcode" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F01%2F39%2F53%2F71573cc4a35de96.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643849770&t=80c12feeca42dad377bbdde1d6e78f33" alt=""></p>
+                </el-col>
+            </el-row>
+        </div>
     </div>
 </template>
 
 <script setup lang="ts">
 import { onMounted, reactive, watch } from "vue";
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss" scoped>
+.webFooter {
+    background: #DEE9FF;
+}
+
+.wrap {
+    width: 1000px;
+    margin: 0 auto;
+    padding: 100px 0;
+    font-size: 14px;
+    font-family: Source Han Sans CN;
+    font-weight: 500;
+    color: #333333;
+    .tit {
+        font-size: 16px;
+        font-family: Source Han Sans CN;
+        font-weight: 500;
+        color: #333333;
+    }
+    .qrcode {
+        width: 88px;
+        height: 88px;
+    }
+}
+</style>
\ No newline at end of file