Skip to content

P
project-online-pc
提交 b039dbd6 authored 作者: matian's avatar matian
浏览文件
操作

updates

上级 40aed6b3
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 267 行增加 和 70 行删除
components/base/h5/Menu.vue
浏览文件 @ b039dbd6
......@@ -14,6 +14,10 @@ export default {
const _this = this
return {
list: [
{
name: '学校介绍',
path: '/school/school'
},
{
name: '项目介绍',
children: [
......@@ -22,13 +26,7 @@ export default {
{ name: '最近动态', path: '/news/hot' }
]
},
// {
// name: '学校介绍',
// children: [
// { name: '纽约州立大学石溪分校', path: '/about/school' }
// // { name: '师资介绍', path: '/about/teacher' }
// ]
// },
{
name: '学历认证',
path: '/academic/academic'
......@@ -41,17 +39,28 @@ export default {
]
},
{
name: '资料下载',
path: '/dataDownload/dataDownload'
name: '就业福利',
path: '/returnPolicy/returnPolicy',
children: [
{
name: '高薪就业',
path: '/news/hot/74805116510687232'
},
{
name: '就业指导',
path: '/returnPolicy/guidance'
},
{
name: '归国政策',
name: this.$t('menu.returnPolicy'),
path: '/returnPolicy/returnPolicy'
}
]
},
{
name: '资料下载',
path: '/dataDownload/dataDownload'
},
// {
// name: '常见问题',
// path: '/question/question'
// },
{
name: '报名申请',
onClick: () => {
......
components/home/videoList.vue
浏览文件 @ b039dbd6
<template>
<section class="section">
<section class="section" v-if="!isMobile ? 'is-h5' : 'is-pc'">
<div class="swiper-content1" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper1="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in videoData" :key="index">
<video :src="item.web_img_uri" />
<!-- <video :src="item.web_img_uri" /> -->
<video controls>
<source :src="item.web_img_uri" type="video/mp4" />
</video>
</div>
</div>
</div>
......@@ -52,7 +55,7 @@ export default {
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
spaceBetween: 1,
on: {
init() {
_this.swiper.slideNext()
......@@ -82,7 +85,8 @@ export default {
</script>
<style lang="scss" scoped>
.section {
.is-pc {
.section {
max-width: 1212px;
margin: 83px auto;
.swiper-content1 {
......@@ -98,5 +102,20 @@ export default {
}
}
}
}
}
.is-h5 {
.section {
.swiper-content1 {
.swiper-slide {
width: 3.3rem;
height: 4.58rem;
video {
height: 100%;
line-height: 100%;
}
}
}
}
}
</style>
components/layout/pc/Menu.vue
浏览文件 @ b039dbd6
......@@ -58,30 +58,9 @@ export default {
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' }
]
},
// 项目优势
// {
// name: this.$t('menu.course'),
// path: '/about/course',
// children: [
// { name: this.$t('menu.courseChild.set'), path: '/about/course' },
// { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
// ]
// },
// 学校介绍
// {
// name: this.$t('menu.school'),
// path: '/about/school',
// children: [
// // // { name: this.$t('menu.schoolChild.school1'), path: '/school/school1' },
// // // { name: this.$t('menu.schoolChild.school2'), path: '/school/school2' },
// { name: this.$t('menu.schoolChild.school3'), path: '/about/school' }
// // { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
// ]
// },
// 学历认证
{
name: this.$t('menu.academic'),
......@@ -103,7 +82,8 @@ export default {
children: [
{
name: '高薪就业',
path: '/news/hot/74805116510687232'
path: '/returnPolicy/salary'
},
{
name: '就业指导',
......
pages/dataDownload/dataDownload.vue
浏览文件 @ b039dbd6
......@@ -123,32 +123,59 @@ export default {
}
.is-h5 {
.dataList {
padding: 0.48rem 0 0.54rem 0;
width: 3.3rem;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin-left: 50px;
padding: 0.48rem 0.61rem 0.3rem;
.item {
width: 1.68rem;
height: 2.45rem;
width: 3.3rem;
height: 0.5rem;
opacity: 1;
display: flex;
justify-content: flex-start;
justify-content: space-between;
align-items: center;
flex-direction: column;
background: #f6f6f6;
cursor: pointer;
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.38);
.item_top {
width: 100%;
height: 1.74rem;
}
.doc {
width: 100%;
height: 0.7rem;
font-size: 0.14rem;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 0 0.23rem 0 0.1rem;
.item_left {
display: flex;
justify-content: space-between;
align-items: center;
.item_left_img {
width: 0.235rem;
height: 0.235rem;
}
.item_left_line {
width: 0px;
height: 0.3rem;
border: 1px solid #dedede;
opacity: 1;
margin-left: 0.26rem;
}
.item_left_doc {
font-size: 0.08rem;
font-weight: 400;
line-height: 0.7rem;
margin-left: 0.24rem;
color: #666666;
}
}
.item_right {
.btn {
width: 0.69rem;
height: 0.16rem;
background: #aa1941;
border-radius: 4px;
line-height: 0.16rem;
text-align: center;
color: #333333;
font-size: 0.07rem;
color: #ffffff;
}
}
}
}
......
pages/enroll/process.vue
浏览文件 @ b039dbd6
......@@ -178,7 +178,7 @@ export default {
top: 0;
bottom: 0;
width: 0.01rem;
height: 95%;
height: 93%;
background-color: #aa1941;
}
.apply-item {
......
pages/returnPolicy/guidance.vue
浏览文件 @ b039dbd6
......@@ -1789,6 +1789,11 @@ export default {
return {
frameParams: {
slider: [
{
name: '高薪就业',
path: '/returnPolicy/salary'
},
{
name: '就业指导',
path: '/returnPolicy/guidance'
......
pages/returnPolicy/returnPolicy.vue
浏览文件 @ b039dbd6
......@@ -72,6 +72,10 @@ export default {
return {
frameParams: {
slider: [
{
name: '高薪就业',
path: '/returnPolicy/salary'
},
{
name: '就业指导',
path: '/returnPolicy/guidance'
......
pages/returnPolicy/salary.vue 0 → 100644
浏览文件 @ b039dbd6
差异被折叠。
pages/school/school.vue
浏览文件 @ b039dbd6
......@@ -19,7 +19,9 @@
<div v-swiper:mySwiper1="swiperOption1" ref="mySwiper1">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in videoData" :key="index">
<video :src="item.web_img_uri" />
<video controls>
<source :src="item.web_img_uri" type="video/mp4" />
</video>
</div>
</div>
</div>
......@@ -62,7 +64,6 @@
</div>
</section>
<div class="content_tit">
<div class="line"></div>
<div class="tit_desc">校园风光</div>
</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
......@@ -122,7 +123,7 @@ export default {
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 20,
spaceBetween: 10,
on: {
init() {
_this.swiper.slideNext()
......@@ -138,7 +139,7 @@ export default {
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
spaceBetween: 30,
// spaceBetween: 1,
on: {
init() {
_this.swiper1.slideNext()
......@@ -210,7 +211,8 @@ export default {
}
</script>
<style lang="scss" scoped>
.banner {
.is-pc {
.banner {
position: relative;
.img_banner {
width: 100%;
......@@ -236,9 +238,9 @@ export default {
margin-top: 30px;
}
}
}
}
.section {
.section {
max-width: 1212px;
margin: 83px auto;
.swiper-content1 {
......@@ -334,8 +336,8 @@ export default {
}
}
}
}
.content_tit {
}
.content_tit {
width: 1200px;
margin: auto;
text-align: center;
......@@ -354,8 +356,8 @@ export default {
font-size: 34px;
font-weight: bold;
}
}
.swiper-content {
}
.swiper-content {
padding-top: 37px;
padding-bottom: 132px;
.swiper-slide {
......@@ -375,5 +377,156 @@ export default {
height: 266px;
margin-top: 0;
}
}
}
.is-h5 {
.banner {
position: relative;
.img_banner {
width: 100%;
height: 100%;
}
.banner_con {
padding: 0.23rem 0.3rem;
.con_tit {
font-size: 0.14rem;
color: #424242;
font-weight: bold;
}
.con_desc {
font-size: 0.12rem;
font-weight: 300;
color: #424242;
margin-top: 0.16rem;
line-height: 2;
}
}
}
.section {
.swiper-content1 {
.swiper-slide {
width: 3.3rem;
height: 4.58rem;
video {
height: 100%;
line-height: 100%;
}
}
}
.section_title {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
padding-left: 0.16rem;
margin-top: 0.23rem;
}
.section_teacher {
display: flex;
justify-content: space-between;
margin-top: 0.18rem;
overflow-x: auto;
padding-left: 0.15rem;
.teacher_item {
padding: 0.15rem 0.18rem 0 0.2rem;
width: 1.9rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fff;
margin-right: 0.15rem;
.item_img {
width: 1.7rem;
}
.item_bottom {
padding: 0.12rem 0.18rem 0 0.2rem;
.img_tit {
font-size: 0.09rem;
font-weight: 500;
color: #424242;
}
.item_desc {
margin-top: 0.1rem;
li {
list-style-type: disc;
margin-left: 0.1rem;
white-space: nowrap;
font-size: 0.08rem;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
}
}
.teacher_item1 {
width: 1.85rem;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 0.15rem;
.item_img {
width: 1.85rem;
}
.item_bottom {
width: 1.85rem;
background: #ffffff;
text-align: center;
padding: 0.1rem 0;
.img_tit {
font-size: 0.09rem;
font-weight: 500;
color: #333333;
}
.item_desc {
li {
white-space: nowrap;
font-size: 0.08rem;
font-weight: 400;
color: #666666;
line-height: 1.5;
}
}
}
}
}
}
.content_tit {
padding-left: 0.16rem;
margin-top: 0.23rem;
.tit_desc {
font-size: 0.14rem;
font-weight: bold;
color: #424242;
}
}
.swiper-content {
padding-bottom: 0.2rem;
.swiper-slide {
position: relative;
width: 2.02rem;
height: 1.22rem;
margin-top: 0.28rem;
img {
width: 100%;
height: 100%;
line-height: 100%;
}
}
.swiper-slide-active {
width: 2.12rem;
height: 1.33rem;
margin-top: 0.23rem;
}
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论