|
@@ -21,7 +21,7 @@ onMounted(() => {
|
|
|
<template>
|
|
|
<!-- 此处最大宽度是1200px -->
|
|
|
<div class="home_footer_inner" :style="{ scrollSnapAlign: 'start' }">
|
|
|
- <img src="../assets/home/group_five.png" width="100%" alt="">
|
|
|
+ <!-- <img src="../assets/home/group_five.png" width="100%" alt=""> -->
|
|
|
<!-- <div class="home_footer_icon">
|
|
|
<div class="home_footer_company">
|
|
|
<img width="200px" src="../assets/home/ding_xiang.png" />
|
|
@@ -54,7 +54,14 @@ onMounted(() => {
|
|
|
<div class="home_footer_fo_des">游戏内容</div>
|
|
|
<div class="home_footer_fo_des">联系我们</div>
|
|
|
</div> -->
|
|
|
- <!-- <div class="icon_list">
|
|
|
+ <div class="friend">
|
|
|
+ <div class="left">测评系统合作伙伴</div>
|
|
|
+ <div>
|
|
|
+ <div class="right_one">与国内顶尖科研单位的合作不仅仅是技术支持的传递,更是创新思维的碰撞和价值共创的过程 </div>
|
|
|
+ <div class="right_one">我们期待与合作伙伴共同探索新技术、新应用,共同开启技术合作的新篇章</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="icon_list">
|
|
|
<div class="icon_inner">
|
|
|
<img class="img_icon" src="../assets/footer/5.png" alt="">
|
|
|
<span class="icon_font">首都医科大学</span>
|
|
@@ -82,7 +89,7 @@ onMounted(() => {
|
|
|
|
|
|
|
|
|
</div>
|
|
|
- <div style="width:1200px;height:10px;background-color: #ffffff;">
|
|
|
+ <!-- <div style="width:1200px;height:10px;background-color: #ffffff;">
|
|
|
</div>
|
|
|
<div class="home_footer_fo">
|
|
|
<div class="home_footer_fo_des">隐私</div>
|
|
@@ -99,7 +106,7 @@ onMounted(() => {
|
|
|
// left: 0;
|
|
|
// right: 0;
|
|
|
margin: auto;
|
|
|
- // width: 1200px;
|
|
|
+ width: 1200px;
|
|
|
|
|
|
.home_footer_icon {
|
|
|
display: flex;
|
|
@@ -141,11 +148,30 @@ onMounted(() => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .icon_list {
|
|
|
+ .friend {
|
|
|
display: flex;
|
|
|
- justify-content: space-around;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-top: 40px;
|
|
|
|
|
|
- margin-bottom: 20px;
|
|
|
+ .left {
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right_one {
|
|
|
+ text-align: right;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon_list {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 40px;
|
|
|
|
|
|
.icon_inner {
|
|
|
display: flex;
|
|
@@ -153,6 +179,10 @@ onMounted(() => {
|
|
|
align-items: center;
|
|
|
flex-direction: column;
|
|
|
width: 200px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 40px 10px;
|
|
|
+ border-radius: 20px;
|
|
|
|
|
|
.img_icon {
|
|
|
width: 70px;
|
|
@@ -160,7 +190,9 @@ onMounted(() => {
|
|
|
}
|
|
|
|
|
|
.icon_font {
|
|
|
- color: #ffffff;
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #353535;
|
|
|
text-align: center;
|
|
|
}
|
|
|
}
|