|
@@ -47,23 +47,32 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
<div class="two">
|
|
|
+ <el-row justify="center" align="middle">
|
|
|
+ <el-col class="list" :span="8" @click="switchMenu('home')">
|
|
|
+ <div class="bg"></div>
|
|
|
+ <div class="two_1">
|
|
|
+ <text>{{ siteInfo.zhTitle }}</text>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div class="thr">
|
|
|
<el-row justify="center" align="middle">
|
|
|
<el-col
|
|
|
class="list"
|
|
|
- :span="8"
|
|
|
+ :span="6"
|
|
|
v-for="(item, index) in menuList"
|
|
|
:key="index"
|
|
|
@click="switchMenu(item)"
|
|
|
>
|
|
|
- <div class="bg"></div>
|
|
|
- <div class="two_1">
|
|
|
- <text>{{ item.title }}</text>
|
|
|
- <text>{{ item.English }}</text>
|
|
|
+ <div class="thr_1">
|
|
|
+ <div class="title">{{ item.title }}</div>
|
|
|
+ <div class="English">{{ item.English }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <div class="thr">
|
|
|
+ <div class="four">
|
|
|
版权所有(C)2002-2024新一代信息技术孵化平台.All Rights Reserved.吉ICP备12029479号-2
|
|
|
</div>
|
|
|
</div>
|
|
@@ -199,6 +208,11 @@ const toLogout = () => {
|
|
|
width: 1200px;
|
|
|
min-width: 1200px;
|
|
|
margin: 0 auto;
|
|
|
+ width: 100%;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 45%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
|
|
|
.list {
|
|
|
position: relative;
|
|
@@ -207,8 +221,8 @@ const toLogout = () => {
|
|
|
|
|
|
.bg {
|
|
|
margin: 10px;
|
|
|
- width: 250px;
|
|
|
- height: 250px;
|
|
|
+ width: 400px;
|
|
|
+ height: 400px;
|
|
|
z-index: 1;
|
|
|
background-image: url(@/assets/homebg.png);
|
|
|
background-position: center center;
|
|
@@ -219,8 +233,8 @@ const toLogout = () => {
|
|
|
|
|
|
.two_1 {
|
|
|
position: absolute;
|
|
|
- top: 43%;
|
|
|
- left: 25%;
|
|
|
+ top: 42%;
|
|
|
+ left: 34%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
@@ -230,11 +244,7 @@ const toLogout = () => {
|
|
|
text {
|
|
|
font-size: 20px;
|
|
|
color: #ffffff;
|
|
|
- }
|
|
|
-
|
|
|
- text:last-child {
|
|
|
- margin: 5px 0 0 0;
|
|
|
- font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -245,8 +255,30 @@ const toLogout = () => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
.thr {
|
|
|
+ position: absolute;
|
|
|
+ left: 26%;
|
|
|
+ bottom: 90px;
|
|
|
+ .list {
|
|
|
+ margin: 10px 0;
|
|
|
+ .thr_1 {
|
|
|
+ font-family: PingFangSC-Semibold;
|
|
|
+ color: #fff;
|
|
|
+ margin-left: 14px;
|
|
|
+ text-align: center;
|
|
|
+ .title {
|
|
|
+ font-size: 19px;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .English {
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .four {
|
|
|
width: 100%;
|
|
|
position: absolute;
|
|
|
bottom: 20px;
|