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

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

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