Skip to content

P
project-online-pc
提交 4195b338 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: update

上级 e89ff419
隐藏空白字符变更
内嵌 并排
正在显示 包含 209 行增加 和 22 行删除
components/VideoList.vue 0 → 100644
浏览文件 @ 4195b338
<template>
<section class="section" v-if="!isMobile ? 'is-h5' : 'is-pc'">
<div class="video-list">
<div class="video-item" v-for="(item, index) in videoData" :key="index">
<div class="video-item__poster">
<img :src="item.img" />
<div class="play-icon" @click="handlePlay(item.video_url)"><i class="el-icon-caret-right"></i></div>
</div>
<div class="video-item__desc">
<h3>{{ item.title }}</h3>
</div>
</div>
</div>
<div class="video-player" v-if="playerVisible" @click="playerVisible = false">
<div class="video-player_inner" @click.stop>
<video :src="playUrl" autoplay controls ref="videoRef"></video>
</div>
</div>
</section>
</template>
<script>
export default {
data() {
return {
videoData: [
{
img: 'https://webapp-pub.ezijing.com/project/depaul-plus/video/1.mp4?x-oss-process=video/snapshot,t_1000',
video_url: 'https://webapp-pub.ezijing.com/project/depaul-plus/video/1.mp4',
title: '分享在德保罗大学生活的一天'
},
{
img: 'https://webapp-pub.ezijing.com/project/depaul-plus/video/3.mp4?x-oss-process=video/snapshot,t_1000',
video_url: 'https://webapp-pub.ezijing.com/project/depaul-plus/video/3.mp4',
title: '一起沉浸式体验德保罗校园生活'
},
{
img: 'https://webapp-pub.ezijing.com/project/depaul-plus/video/2.mp4?x-oss-process=video/snapshot,t_1000',
video_url: 'https://webapp-pub.ezijing.com/project/depaul-plus/video/2.mp4',
title: '在德保罗开启您的未来'
}
],
playUrl: '',
playerVisible: false
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
handlePlay(url) {
this.playUrl = url
this.playerVisible = true
this.$nextTick(() => {
this.$refs.videoRef.play()
})
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.section {
max-width: 1200px;
margin: 70px auto;
}
.video-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 58px;
}
.video-item {
background-color: #fff;
}
.video-item__poster {
position: relative;
img {
width: 100%;
height: 200px;
object-fit: cover;
}
.play-icon {
position: absolute;
left: 50%;
top: 50%;
width: 83px;
height: 83px;
background: rgba(66, 66, 66, 0.5);
border-radius: 50%;
color: #fff;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
cursor: pointer;
}
}
.video-item__desc {
padding: 20px;
h3 {
font-size: 22px;
color: #666;
}
p {
margin-top: 20px;
font-size: 18px;
color: #666;
}
}
}
.is-h5 {
.video-list {
margin: 0 20px;
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 58px;
row-gap: 20px;
}
.video-item {
background-color: #fff;
}
.video-item__poster {
position: relative;
img {
width: 100%;
height: 200px;
object-fit: cover;
}
.play-icon {
position: absolute;
left: 50%;
top: 50%;
width: 83px;
height: 83px;
background: rgba(66, 66, 66, 0.5);
border-radius: 50%;
color: #fff;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
cursor: pointer;
}
}
.video-item__desc {
padding: 20px;
h3 {
font-size: 22px;
color: #666;
}
p {
margin-top: 20px;
font-size: 18px;
color: #666;
}
}
}
.video-player {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
}
.video-player_inner {
max-width: 800px;
border-radius: 10px;
overflow: hidden;
video {
width: 100%;
}
}
</style>
components/base/h5/Menu.vue
浏览文件 @ 4195b338
......@@ -20,10 +20,11 @@ export default {
},
{
name: '项目介绍',
children: [
{ name: '斯蒂文斯理工学院', path: '/about/school' }
// { name: '最近动态', path: '/news/hot' }
]
path: '/about/school'
// children: [
// { name: '德保罗大学', path: '/about/school' }
// // { name: '最近动态', path: '/news/hot' }
// ]
},
{
name: '学历认证',
......
components/layout/h5/Footer.vue
浏览文件 @ 4195b338
......@@ -11,7 +11,7 @@
<div class="link-center link-con">
<div class="tit"><a href="/enroll/apply">申请条件</a></div>
<!-- <div class="tit"><a href="/school/school3">院校介绍</a></div>
<div class="tit"><a href="/">工程管理硕士保研</a></div> -->
<div class="tit"><a href="/">金融学硕士保研</a></div> -->
</div>
<div class="line"></div>
<div class="link-right link-con">
......
components/layout/pc/Foot.vue
浏览文件 @ 4195b338
......@@ -19,7 +19,7 @@
<div class="line"></div>
<div class="bottom_center con">
<a href="/enroll/apply">申请条件</a>
<!-- <a href="/">工程管理硕士保研</a> -->
<!-- <a href="/">金融学硕士保研</a> -->
<!-- <a href="/about/teacher">师资力量</a> -->
<!-- <a href="/about/course">
......
components/layout/pc/Menu.vue
浏览文件 @ 4195b338
......@@ -54,13 +54,13 @@ export default {
// 项目介绍
{
name: this.$t('menu.project'),
path: '/about/school',
children: [
{ name: this.$t('menu.schoolChild.school3'), path: '/about/school' }
// { name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
]
path: '/about/school'
// children: [
// { name: this.$t('menu.schoolChild.school3'), path: '/about/school' }
// // { name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// // { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// // { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
// ]
},
// 项目优势
// {
......
langs/zh-CN.js
浏览文件 @ 4195b338
......@@ -26,9 +26,9 @@ export default {
teachers: '师资介绍'
},
schoolChild: {
school1: '斯蒂文斯理工学院',
school1: '德保罗大学',
school2: '纽约州立大学石溪分校',
school3: '斯蒂文斯理工学院'
school3: '德保罗大学'
},
enrollChild: {
process: '报名流程',
......
modules/my/account/home.vue
浏览文件 @ 4195b338
......@@ -30,7 +30,7 @@
<img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" />
<div class="welcome-content">
<h1>欢迎您报考</h1>
<h2>斯蒂文斯理工学院</h2>
<h2>德保罗大学</h2>
<div class="welcome-button" @click="handleStart">马上开始</div>
</div>
</div>
......
modules/my/application/form/declare.js
浏览文件 @ 4195b338
......@@ -49,7 +49,7 @@ export default function(_this) {
values: [{ label: '同意', value: 1 }],
model: 'isAgree',
rules: [{ required: true, message: '请阅读协议', trigger: 'change' }],
prepend: `<p>1、本人知晓此申请表及所附文件将作为申请斯蒂文斯理工学院工程管理硕士面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p>
prepend: `<p>1、本人知晓此申请表及所附文件将作为申请德保罗大学金融学硕士面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p>
<p>2、本人声明所填资料正确无误，知晓任何不真实的信息或不诚信的行为，均会影响申请结果，已取得的成绩和资格会被取消。我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。</p>`
}
]
......
modules/my/welcome/indexPay.vue
浏览文件 @ 4195b338
......@@ -4,7 +4,7 @@
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft">
<p class="t2">
欢迎您申请斯蒂文斯理工学院工程管理硕士<br />
欢迎您申请德保罗大学金融学硕士<br />
申请流程：①支付报名费②填写报名资料并提供相关材料（身份证扫描件、毕业证书扫描件、2寸照片）③参加面试④获得录取⑤缴纳学费并签署入学协议⑥入学学习（办
理入学手续：提供成绩单、学籍注册等）<br />申请费提交后不予退还
</p>
......
nuxt.config.js
浏览文件 @ 4195b338
......@@ -31,7 +31,7 @@ export default {
{
name: 'description',
content:
'斯蒂文斯理工学院创办于1870年，和麻省理工、加州理工、伦斯勒理工学院并称为美国四大理工学院，是美国历史最为悠久的理工学院之一。斯蒂文斯理工学院是一所在美国的教育和研究领域中位居前沿的理工类大学，长年位列U.S. News & World Report全美Top100。斯蒂文斯理工学院下设四大学院，提供35个本科、58个硕士及20个博士学位专业。'
'德保罗大学（DePaul University）创立于1898年，位于伊利诺伊州芝加哥市区，同时是全美第九大私立大学，全美商科排名86，金融硕士项目更是被TFE TIMES（2023）评为北美第56名。'
}
],
link: [
......
pages/enroll/process.vue
浏览文件 @ 4195b338
......@@ -48,7 +48,7 @@
<div class="apply-item-num">5</div>
<div class="apply-item-hd">签证赴美</div>
<div class="apply-item-bd">
<p>完成项目学习成绩合格者获斯蒂文斯理工学院录取签证文件，赴美完成硕士剩余课程学习。</p>
<p>完成项目学习成绩合格者获德保罗大学录取签证文件，赴美完成硕士剩余课程学习。</p>
</div>
</div>
</div>
......
pages/returnPolicy/salary.vue
浏览文件 @ 4195b338
......@@ -58,7 +58,7 @@
<p>
美国大学和雇主协会（National Association of Colleges and
Employers）发布了2021毕业生薪资最高的美国大学排名，美国大学毕业生薪资最高的十所院校中，<span class="title"
>斯蒂文斯理工学院位列第七位</span
>德保罗大学位列第七位</span
>。
</p>
<p>&nbsp;</p>
......@@ -66,7 +66,7 @@
<p>起薪中位数: $67,000&nbsp;</p>
<p>2021-2022学费: $56,920</p>
<p>
斯蒂文斯理工学院坐落于新泽西州的霍博肯市，属于纽约大都会区，<span class="title"
德保罗大学坐落于新泽西州的霍博肯市，属于纽约大都会区，<span class="title"
>与世界500强企业聚集的纽约曼哈顿岛隔河相望</span
>，是世界上地理位置最佳的学校之一。USA
Today将其评选全美TOP七工程学院之一。作为一所理工院校，自然非常重视工程，其是设计中心Maker
......
pages/school/school.vue
浏览文件 @ 4195b338
......@@ -18,6 +18,7 @@
</p>
</div>
</div>
<VideoList></VideoList>
<!-- <section class="section">
<div class="swiper-content1">
<div class="swiper-wrapper">
......@@ -79,8 +80,10 @@
</div>
</template>
<script>
import VideoList from '@/components/VideoList.vue'
export default {
layout: 'normal',
components: { VideoList },
data() {
const _this = this
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论