提交 7da5b75f authored 作者: 王鹏飞's avatar 王鹏飞

feat: 更新登录链接和添加横幅图像,优化样式

上级 e3bfad00
......@@ -4,4 +4,4 @@ newProjectId=62110451281973248
baseURL=https://project-api.ezijing.com
loginURL=https://login.ezijing.com/auth/login/index
\ No newline at end of file
loginURL=https://login.ezijing.com/woosuk/login/index
\ No newline at end of file
......@@ -4,4 +4,4 @@ newProjectId=62110451281973248
baseURL=https://project-api.ezijing.com
loginURL=https://login.ezijing.com/auth/login/index
\ No newline at end of file
loginURL=https://login.ezijing.com/woosuk/login/index
......@@ -40,7 +40,7 @@ export default {
.is-pc {
.max-width-center {
width: 1200px;
margin: 64px auto 0;
margin: 64px auto;
}
.photo-list {
margin-top: 26px;
......
......@@ -78,10 +78,14 @@ export default {
row-gap: 40px;
column-gap: 30px;
.card-item {
height: 280px;
position: relative;
display: flex;
flex-direction: column;
.item_media {
width: 100%;
height: 100%;
position: relative;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
......@@ -91,26 +95,39 @@ export default {
height: 100%;
display: block;
}
&::after {
content: '';
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.82) 100%);
}
&:hover img {
transform: scale(1.03);
}
}
.item_desc {
margin-top: 18px;
text-align: left;
position: absolute;
top: 70px;
right: 35px;
z-index: 2;
text-align: right;
.item_desc_tit {
display: inline-block;
padding-bottom: 10px;
font-size: 20px;
font-weight: 500;
color: #2065a0;
line-height: 1.4;
line-height: 1;
border-bottom: 1px solid #2065a0;
}
.item_desc_con {
margin-top: 10px;
margin-top: 20px;
font-size: 15px;
font-weight: 400;
color: #666;
color: #424242;
line-height: 28px;
text-align: justify;
text-align: right;
}
}
}
......
......@@ -5,7 +5,7 @@
<nuxt-link to="/school/school">{{ $t('viewMore') }}</nuxt-link>
</template>
<div class="desc">
<img src="/woosuk/woosuk-mark.png" class="desc-img" />
<img src="/woosuk/photos/photo-1.jpg" class="desc-img" />
<p class="award">在全国高校评估中被评为韩国最优秀大学(A级),韩国教育部主持的最权威的评估。</p>
<br />
<p>
......@@ -36,6 +36,9 @@ export default {
}
.desc-img {
float: right;
width: 360px;
height: 360px;
object-fit: cover;
margin-left: 40px;
margin-top: -20px;
}
......@@ -57,7 +60,8 @@ export default {
.is-h5 {
.desc-img {
display: block;
max-width: 1.5rem;
width: 100%;
max-width: none;
margin: 0 0 0.1rem auto;
}
.desc {
......
......@@ -3,7 +3,7 @@
<header class="main-header">
<template v-if="!searchVisible">
<div class="logo-box">
<img @click="goWebsite" src="/woosuk/logo.png" />
<img @click="goWebsite" src="/woosuk/header-logo.png" />
<div class="line"></div>
<nuxt-link to="/" class="logo">
<div class="title">韩国又石大学专升本项目</div>
......
......@@ -7,7 +7,7 @@
<img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" />
</nuxt-link> -->
<div class="logo-box">
<img @click="goWebsite" src="/woosuk/logo.png" />
<img @click="goWebsite" src="/woosuk/header-logo.png" />
<div class="line"></div>
<nuxt-link to="/">
<div class="title">韩国又石大学专升本项目</div>
......@@ -68,7 +68,7 @@ export default {
loginURL() {
return process.client
? `${process.env.loginURL}/login/index?redirect_uri=${encodeURIComponent(
location.origin + this.$route.fullPath
location.origin + this.$route.fullPath,
)}`
: ''
},
......@@ -110,8 +110,9 @@ li {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
img {
height: 89px;
height: 60px;
cursor: pointer;
display: block;
}
......
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner">
<img src="https://webapp-pub.ezijing.com/project/marywood-plus/academic-banner.png" alt="学历认证" />
</div>
<div class="main_content">
<h1 class="title">学历认证</h1>
<p class="desc">韩国又石大学本科学位证及中国教育部留学服务中心认证证书。</p>
......@@ -23,6 +26,12 @@ export default {
.is-pc {
width: 1200px;
margin: 56px auto 0;
.banner {
img {
width: 100%;
display: block;
}
}
background: #fff;
.main_content {
padding: 70px 64px 80px 48px;
......@@ -52,6 +61,12 @@ export default {
}
.is-h5 {
background: #fff;
.banner {
img {
width: 100%;
display: block;
}
}
.main_content {
display: flex;
justify-content: center;
......
......@@ -6,7 +6,13 @@
<div class="apply-item-num">1</div>
<div class="apply-item-hd">提交申请材料</div>
<div class="apply-item-bd">
<p>申请者需按项目报名系统的要求在线填写基本信息并提交以下材料:</p>
<p>
申请者需登录项目官网
<a href="https://woosuk.ezijing.com/my/account" target="_blank" rel="noopener noreferrer"
>https://woosuk.ezijing.com/</a
>
进行在线报名,按项目报名系统的要求在线填写基本信息并提交以下材料:
</p>
<ul>
<li>➢ 个人简历</li>
<li>➢ 身份证扫描件</li>
......@@ -60,16 +66,16 @@ export default {
frameParams: {
slider: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
]
}
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' },
],
},
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
},
},
}
</script>
<style lang="scss" scoped>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑!
请 注册 或者 后发表评论