Skip to content

P
project-www-pc
提交 3995c882 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

update

上级 756c7405
隐藏空白字符变更
内嵌 并排
正在显示 包含 351 行增加 和 148 行删除
.nuxt/components/index.js
浏览文件 @ 3995c882
......@@ -3,8 +3,15 @@ import { wrapFunctional } from './utils'
export { default as Foot } from '../../components/Foot.vue'
export { default as Head } from '../../components/Head.vue'
export { default as RightAside } from '../../components/RightAside.vue'
export { default as AboutContact } from '../../components/about/contact.vue'
export { default as AboutCulture } from '../../components/about/culture.vue'
export { default as AboutDetail } from '../../components/about/detail.vue'
export { default as AboutIntroduce } from '../../components/about/introduce.vue'
export { default as AboutNews } from '../../components/about/news.vue'
export { default as AboutTabNav } from '../../components/about/tabNav.vue'
export { default as AlumnusParty } from '../../components/alumnus/party.vue'
export { default as AlumnusTabNav } from '../../components/alumnus/tabNav.vue'
export { default as ServicesTab } from '../../components/services/tab.vue'
export { default as HomeAlumniStories } from '../../components/home/alumniStories.vue'
export { default as HomeBanner } from '../../components/home/banner.vue'
export { default as HomeDegreeEducation } from '../../components/home/degreeEducation.vue'
......@@ -13,19 +20,19 @@ export { default as HomeHeadmasterMsg } from '../../components/home/headmasterMs
export { default as HomeOpenClass } from '../../components/home/openClass.vue'
export { default as HomeProjectNotice } from '../../components/home/projectNotice.vue'
export { default as HomeServiceCase } from '../../components/home/serviceCase.vue'
export { default as AboutContact } from '../../components/about/contact.vue'
export { default as AboutCulture } from '../../components/about/culture.vue'
export { default as AboutDetail } from '../../components/about/detail.vue'
export { default as AboutIntroduce } from '../../components/about/introduce.vue'
export { default as AboutNews } from '../../components/about/news.vue'
export { default as AboutTabNav } from '../../components/about/tabNav.vue'
export { default as ServicesTab } from '../../components/services/tab.vue'
export const LazyFoot = import('../../components/Foot.vue' /* webpackChunkName: "components/foot" */).then(c => wrapFunctional(c.default || c))
export const LazyHead = import('../../components/Head.vue' /* webpackChunkName: "components/head" */).then(c => wrapFunctional(c.default || c))
export const LazyRightAside = import('../../components/RightAside.vue' /* webpackChunkName: "components/right-aside" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutContact = import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutCulture = import('../../components/about/culture.vue' /* webpackChunkName: "components/about-culture" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutDetail = import('../../components/about/detail.vue' /* webpackChunkName: "components/about-detail" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutIntroduce = import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutNews = import('../../components/about/news.vue' /* webpackChunkName: "components/about-news" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutTabNav = import('../../components/about/tabNav.vue' /* webpackChunkName: "components/about-tab-nav" */).then(c => wrapFunctional(c.default || c))
export const LazyAlumnusParty = import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c))
export const LazyAlumnusTabNav = import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c))
export const LazyServicesTab = import('../../components/services/tab.vue' /* webpackChunkName: "components/services-tab" */).then(c => wrapFunctional(c.default || c))
export const LazyHomeAlumniStories = import('../../components/home/alumniStories.vue' /* webpackChunkName: "components/home-alumni-stories" */).then(c => wrapFunctional(c.default || c))
export const LazyHomeBanner = import('../../components/home/banner.vue' /* webpackChunkName: "components/home-banner" */).then(c => wrapFunctional(c.default || c))
export const LazyHomeDegreeEducation = import('../../components/home/degreeEducation.vue' /* webpackChunkName: "components/home-degree-education" */).then(c => wrapFunctional(c.default || c))
......@@ -34,10 +41,3 @@ export const LazyHomeHeadmasterMsg = import('../../components/home/headmasterMsg
export const LazyHomeOpenClass = import('../../components/home/openClass.vue' /* webpackChunkName: "components/home-open-class" */).then(c => wrapFunctional(c.default || c))
export const LazyHomeProjectNotice = import('../../components/home/projectNotice.vue' /* webpackChunkName: "components/home-project-notice" */).then(c => wrapFunctional(c.default || c))
export const LazyHomeServiceCase = import('../../components/home/serviceCase.vue' /* webpackChunkName: "components/home-service-case" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutContact = import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutCulture = import('../../components/about/culture.vue' /* webpackChunkName: "components/about-culture" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutDetail = import('../../components/about/detail.vue' /* webpackChunkName: "components/about-detail" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutIntroduce = import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutNews = import('../../components/about/news.vue' /* webpackChunkName: "components/about-news" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutTabNav = import('../../components/about/tabNav.vue' /* webpackChunkName: "components/about-tab-nav" */).then(c => wrapFunctional(c.default || c))
export const LazyServicesTab = import('../../components/services/tab.vue' /* webpackChunkName: "components/services-tab" */).then(c => wrapFunctional(c.default || c))
.nuxt/components/plugin.js
浏览文件 @ 3995c882
......@@ -5,8 +5,15 @@ const components = {
Foot: () => import('../../components/Foot.vue' /* webpackChunkName: "components/foot" */).then(c => wrapFunctional(c.default || c)),
Head: () => import('../../components/Head.vue' /* webpackChunkName: "components/head" */).then(c => wrapFunctional(c.default || c)),
RightAside: () => import('../../components/RightAside.vue' /* webpackChunkName: "components/right-aside" */).then(c => wrapFunctional(c.default || c)),
AboutContact: () => import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).then(c => wrapFunctional(c.default || c)),
AboutCulture: () => import('../../components/about/culture.vue' /* webpackChunkName: "components/about-culture" */).then(c => wrapFunctional(c.default || c)),
AboutDetail: () => import('../../components/about/detail.vue' /* webpackChunkName: "components/about-detail" */).then(c => wrapFunctional(c.default || c)),
AboutIntroduce: () => import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c)),
AboutNews: () => import('../../components/about/news.vue' /* webpackChunkName: "components/about-news" */).then(c => wrapFunctional(c.default || c)),
AboutTabNav: () => import('../../components/about/tabNav.vue' /* webpackChunkName: "components/about-tab-nav" */).then(c => wrapFunctional(c.default || c)),
AlumnusParty: () => import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c)),
AlumnusTabNav: () => import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c)),
ServicesTab: () => import('../../components/services/tab.vue' /* webpackChunkName: "components/services-tab" */).then(c => wrapFunctional(c.default || c)),
HomeAlumniStories: () => import('../../components/home/alumniStories.vue' /* webpackChunkName: "components/home-alumni-stories" */).then(c => wrapFunctional(c.default || c)),
HomeBanner: () => import('../../components/home/banner.vue' /* webpackChunkName: "components/home-banner" */).then(c => wrapFunctional(c.default || c)),
HomeDegreeEducation: () => import('../../components/home/degreeEducation.vue' /* webpackChunkName: "components/home-degree-education" */).then(c => wrapFunctional(c.default || c)),
......@@ -14,14 +21,7 @@ const components = {
HomeHeadmasterMsg: () => import('../../components/home/headmasterMsg.vue' /* webpackChunkName: "components/home-headmaster-msg" */).then(c => wrapFunctional(c.default || c)),
HomeOpenClass: () => import('../../components/home/openClass.vue' /* webpackChunkName: "components/home-open-class" */).then(c => wrapFunctional(c.default || c)),
HomeProjectNotice: () => import('../../components/home/projectNotice.vue' /* webpackChunkName: "components/home-project-notice" */).then(c => wrapFunctional(c.default || c)),
HomeServiceCase: () => import('../../components/home/serviceCase.vue' /* webpackChunkName: "components/home-service-case" */).then(c => wrapFunctional(c.default || c)),
AboutContact: () => import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).then(c => wrapFunctional(c.default || c)),
AboutCulture: () => import('../../components/about/culture.vue' /* webpackChunkName: "components/about-culture" */).then(c => wrapFunctional(c.default || c)),
AboutDetail: () => import('../../components/about/detail.vue' /* webpackChunkName: "components/about-detail" */).then(c => wrapFunctional(c.default || c)),
AboutIntroduce: () => import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c)),
AboutNews: () => import('../../components/about/news.vue' /* webpackChunkName: "components/about-news" */).then(c => wrapFunctional(c.default || c)),
AboutTabNav: () => import('../../components/about/tabNav.vue' /* webpackChunkName: "components/about-tab-nav" */).then(c => wrapFunctional(c.default || c)),
ServicesTab: () => import('../../components/services/tab.vue' /* webpackChunkName: "components/services-tab" */).then(c => wrapFunctional(c.default || c))
HomeServiceCase: () => import('../../components/home/serviceCase.vue' /* webpackChunkName: "components/home-service-case" */).then(c => wrapFunctional(c.default || c))
}
for (const name in components) {
......
.nuxt/components/readme.md
浏览文件 @ 3995c882
......@@ -9,8 +9,15 @@ You can directly use them in pages and other components without the need to impo
- `<Foot>` | `<foot>` (components/Foot.vue)
- `<Head>` | `<head>` (components/Head.vue)
- `<RightAside>` | `<right-aside>` (components/RightAside.vue)
- `<AboutContact>` | `<about-contact>` (components/about/contact.vue)
- `<AboutCulture>` | `<about-culture>` (components/about/culture.vue)
- `<AboutDetail>` | `<about-detail>` (components/about/detail.vue)
- `<AboutIntroduce>` | `<about-introduce>` (components/about/introduce.vue)
- `<AboutNews>` | `<about-news>` (components/about/news.vue)
- `<AboutTabNav>` | `<about-tab-nav>` (components/about/tabNav.vue)
- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue)
- `<ServicesTab>` | `<services-tab>` (components/services/tab.vue)
- `<HomeAlumniStories>` | `<home-alumni-stories>` (components/home/alumniStories.vue)
- `<HomeBanner>` | `<home-banner>` (components/home/banner.vue)
- `<HomeDegreeEducation>` | `<home-degree-education>` (components/home/degreeEducation.vue)
......@@ -19,10 +26,3 @@ You can directly use them in pages and other components without the need to impo
- `<HomeOpenClass>` | `<home-open-class>` (components/home/openClass.vue)
- `<HomeProjectNotice>` | `<home-project-notice>` (components/home/projectNotice.vue)
- `<HomeServiceCase>` | `<home-service-case>` (components/home/serviceCase.vue)
- `<AboutContact>` | `<about-contact>` (components/about/contact.vue)
- `<AboutCulture>` | `<about-culture>` (components/about/culture.vue)
- `<AboutDetail>` | `<about-detail>` (components/about/detail.vue)
- `<AboutIntroduce>` | `<about-introduce>` (components/about/introduce.vue)
- `<AboutNews>` | `<about-news>` (components/about/news.vue)
- `<AboutTabNav>` | `<about-tab-nav>` (components/about/tabNav.vue)
- `<ServicesTab>` | `<services-tab>` (components/services/tab.vue)
.nuxt/vetur/tags.json
浏览文件 @ 3995c882
......@@ -8,12 +8,33 @@
"RightAside": {
"description": "Auto imported from components/RightAside.vue"
},
"AboutContact": {
"description": "Auto imported from components/about/contact.vue"
},
"AboutCulture": {
"description": "Auto imported from components/about/culture.vue"
},
"AboutDetail": {
"description": "Auto imported from components/about/detail.vue"
},
"AboutIntroduce": {
"description": "Auto imported from components/about/introduce.vue"
},
"AboutNews": {
"description": "Auto imported from components/about/news.vue"
},
"AboutTabNav": {
"description": "Auto imported from components/about/tabNav.vue"
},
"AlumnusParty": {
"description": "Auto imported from components/alumnus/party.vue"
},
"AlumnusTabNav": {
"description": "Auto imported from components/alumnus/tabNav.vue"
},
"ServicesTab": {
"description": "Auto imported from components/services/tab.vue"
},
"HomeAlumniStories": {
"description": "Auto imported from components/home/alumniStories.vue"
},
......@@ -37,26 +58,5 @@
},
"HomeServiceCase": {
"description": "Auto imported from components/home/serviceCase.vue"
},
"AboutContact": {
"description": "Auto imported from components/about/contact.vue"
},
"AboutCulture": {
"description": "Auto imported from components/about/culture.vue"
},
"AboutDetail": {
"description": "Auto imported from components/about/detail.vue"
},
"AboutIntroduce": {
"description": "Auto imported from components/about/introduce.vue"
},
"AboutNews": {
"description": "Auto imported from components/about/news.vue"
},
"AboutTabNav": {
"description": "Auto imported from components/about/tabNav.vue"
},
"ServicesTab": {
"description": "Auto imported from components/services/tab.vue"
}
}
pages/services/college.vue
浏览文件 @ 3995c882
......@@ -9,9 +9,32 @@
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-banner.jpg" alt="" class="banner">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-i1.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-i2.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-i3.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-i4.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-i2-new.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-i3-new.png" alt="">
<div class="m1-new-item">
<div class="title">紫荆教育特有三阶段人才培养</div>
<div class="item-box">
<div class="left-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-dom1.png" alt="" class="bg">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-dom1-txt.png" alt="" class="txt">
</div>
<div class="right-box">
<div class="items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-dom2.png" alt="" class="bg">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-dom2-txt.png" alt="" class="txt t1">
</div>
<div class="items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-dom3.png" alt="" class="bg">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-dom3-txt.png" alt="" class="txt t2">
</div>
</div>
</div>
<div class="tips">思政建设与课程建设相融合<br />
引产入校与职业菁英训练贯穿整个期间<br />
引入职业评价系统为职业发展全面测评；行业大咖职业规划保驾护航；专科本科与国际学位教育一站式衔接；紫荆教育提供广泛的头部行业资源，满足高质量就业需求。
</div>
</div>
<!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-i4.png" alt=""> -->
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-i5-new.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m1-i6-new.png" alt="">
</div>
......@@ -24,13 +47,15 @@
<div class="con-img-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-i1.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-i2.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-i3.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-i3-new.png" alt="">
</div>
<div class="ul-tit">目标岗位群</div>
<ul>
<li v-for="(item, index) in module2.list" :key="index">
<img :src="item.image" alt="">
<div class="pop-txt">{{ item.text }}</div>
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
</div>
</li>
</ul>
</div>
......@@ -42,8 +67,8 @@
<div class="content-mian">
<div class="con-img-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-i1.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-i2.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-i3-new.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-i2-new.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-i3-new1.png" alt="">
</div>
<div class="ul-tit">目标岗位群</div>
<ul class="list1">
......@@ -52,7 +77,9 @@
</li>
<li v-for="(item, index) in module3.list" :key="index">
<img :src="item.image" alt="">
<div class="pop-txt">{{ item.text }}</div>
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
</div>
</li>
</ul>
<ul class="list2">
......@@ -61,7 +88,9 @@
</li>
<li v-for="(item, index) in module3.list2" :key="index">
<img :src="item.image" alt="">
<div class="pop-txt">{{ item.text }}</div>
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
</div>
</li>
</ul>
</div>
......@@ -81,8 +110,8 @@ export default {
return {
module2: {
list: [
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb1.jpg', text: '数字化营销' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb2.jpg', text: '数字化运营' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb2.jpg', text: '数字化营销' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb1.jpg', text: '数字化运营' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb3.jpg', text: '智能投顾' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb4.jpg', text: '风险管理' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb5.jpg', text: '金融数据分析' },
......@@ -166,6 +195,83 @@ export default {
.module-1{
.content-mian{
padding: 60px 50px 65px;
.m1-new-item{
.title{
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #424242;
padding-top: 53px;
padding-bottom: 20px;
}
.tips{
font-size: 16px;
line-height: 32px;
color: #424242;
padding: 20px 0 50px;
}
.item-box{
display: flex;
.left-box{
width: 562px;
height: 385px;
position: relative;
.bg{
width: 100%;
height: 100%;
display: block;
transition: all .5s;
}
.txt{
position: absolute;
top: 50%;
left: 19px;
transform: translateY(-50%);
width: 155px;
}
overflow: hidden;
&:hover{
.bg{
transform: scale(1.1);
}
}
}
.right-box{
width: 329px;
margin-left: 4px;
.items{
position: relative;
width: 100%;
height: 190px;
margin-bottom: 4px;
overflow: hidden;
&:hover{
.bg{
transform: scale(1.1);
}
}
}
.bg{
width: 100%;
height: 100%;
display: block;
transition: all .5s;
}
.txt{
position: absolute;
top: 50%;
left: 19px;
transform: translateY(-50%);
&.t1{
width: 109px;
}
&.t2{
width: 181px;
}
}
}
}
}
img{
width: 100%;
display: block;
......@@ -225,7 +331,14 @@ export default {
width: 220px;
height: 170px;
position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
img{
transition: all .3s;
width: 100%;
height: 100%;
display: block;
......@@ -236,14 +349,15 @@ export default {
position: absolute;
top: 0;
left: 0;
font-size: 20px;
font-weight: 500;
line-height: 170px;
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
text-align: center;
&:hover{
background: rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, .3);
.name{
position: absolute;
bottom: 20px;
left: 20px;
font-size: 20px;
font-weight: bold;
// line-height: 170px;
color: #FFFFFF;
}
}
}
......@@ -281,6 +395,12 @@ export default {
width: 220px;
height: 170px;
position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
&:nth-child(1){
background: #F9F8F8;
text-align: center;
......@@ -292,21 +412,22 @@ export default {
width: 100%;
height: 100%;
display: block;
transition: all .3s;
}
.pop-txt{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 20px;
font-weight: 500;
line-height: 170px;
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
text-align: center;
&:hover{
background: rgba(0, 0, 0, 0.3);
left: 0;
background: rgba(0, 0, 0, .3);
.name{
position: absolute;
bottom: 20px;
left: 20px;
font-size: 20px;
font-weight: 500;
color: #FFFFFF;
}
}
}
......@@ -321,6 +442,12 @@ export default {
width: 295px;
height: 170px;
position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
&:nth-child(1){
background: #F9F8F8;
text-align: center;
......@@ -332,6 +459,7 @@ export default {
width: 100%;
height: 100%;
display: block;
transition: all .3s;
}
.pop-txt{
width: 100%;
......@@ -339,14 +467,14 @@ export default {
position: absolute;
top: 0;
left: 0;
font-size: 20px;
font-weight: 500;
line-height: 170px;
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
text-align: center;
&:hover{
background: rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, .3);
.name{
position: absolute;
bottom: 20px;
left: 20px;
font-size: 20px;
font-weight: 500;
color: #FFFFFF;
}
}
}
......
pages/services/employment.vue
浏览文件 @ 3995c882
......@@ -11,22 +11,26 @@
<ul>
<li v-for="(item, index) in list" :key="index">
<img :src="item.image" alt="">
<div class="pop-txt">{{ item.text }}</div>
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
</div>
</li>
</ul>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con3.png" alt="" class="img3">
<ul>
<li v-for="(item, index) in list2" :key="index">
<img :src="item.image" alt="">
<div class="pop-txt">{{ item.text }}</div>
<div class="pop-txt">
<div class="name">{{ item.text }}</div>
</div>
</li>
</ul>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con4.png" alt="" class="img4">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con5-new.png" alt="" class="img5">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con6.png" alt="" class="img5">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con7.png" alt="" class="img9">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con8.png" alt="" class="img9">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con9.png" alt="" class="img9">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con5-new1.png" alt="" class="img5">
<!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con6.png" alt="" class="img5"> -->
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con7-new.png" alt="" class="img9">
<!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con8.png" alt="" class="img9"> -->
<!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con9.png" alt="" class="img9"> -->
</div>
</div>
</div>
......@@ -129,10 +133,17 @@ export default {
width: 265px;
height: 140px;
position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
img{
width: 100%;
height: 100%;
display: block;
transition: all .3s;
}
.pop-txt{
width: 100%;
......@@ -140,14 +151,14 @@ export default {
position: absolute;
top: 0;
left: 0;
font-size: 20px;
font-weight: 500;
line-height: 140px;
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
text-align: center;
&:hover{
background: rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, .3);
.name{
position: absolute;
bottom: 20px;
left: 20px;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
}
}
}
......
pages/services/job.vue
浏览文件 @ 3995c882
......@@ -4,7 +4,7 @@
<div class="mian">
<div class="occupation-content-mian">
<div class="module-1 module-content-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-banner.jpg" alt="" class="banner">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-banner-new.png" alt="" class="banner">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i1.png" alt="" class="img1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i2.png" alt="" class="img2">
......@@ -12,21 +12,29 @@
<div class="top">
<div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly1.jpg" alt="">
<div class="pop">金融财经类</div>
<div class="pop">
<div class="name">金融财经类</div>
</div>
</div>
<div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly2.png" alt="">
<div class="pop">数字化营销类</div>
<div class="pop">
<div class="name">数字化营销类</div>
</div>
</div>
</div>
<div class="bottom">
<div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly3.png" alt="">
<div class="pop">金融财经类</div>
<div class="pop">
<div class="name">金融财经类</div>
</div>
</div>
<div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly4.png" alt="">
<div class="pop">数字化营销类</div>
<div class="pop">
<div class="name">数字化营销类</div>
</div>
</div>
<li class="li">……</li>
</div>
......@@ -37,19 +45,27 @@
<ul>
<li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy1.jpg" alt="">
<div class="pop">金融产品数字化营销</div>
<div class="pop">
<div class="name">金融产品数字化营销</div>
</div>
</li>
<li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy2.jpg" alt="">
<div class="pop">互联网营销师</div>
<div class="pop">
<div class="name">互联网营销师</div>
</div>
</li>
<li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy3.jpg" alt="">
<div class="pop">数字化营销师</div>
<div class="pop">
<div class="name">数字化营销师</div>
</div>
</li>
<li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy4.jpg" alt="">
<div class="pop">全媒体运营师</div>
<div class="pop">
<div class="name">全媒体运营师</div>
</div>
</li>
</ul>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i5.png" alt="" class="img5">
......@@ -184,10 +200,17 @@ export default {
width: 723px;
height: 361px;
position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
img{
width: 100%;
height: 100%;
display: block;
transition: all .3s;
}
&:nth-child(2){
width: 360px;
......@@ -196,15 +219,17 @@ export default {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
line-height: 361px;
font-size: 26px;
&:hover{
background: rgba(0, 0, 0, 0.35);
background: rgba(0, 0, 0, .3);
.name{
position: absolute;
bottom: 20px;
left: 20px;
color: #fff;
text-align: center;
// line-height: 361px;
font-size: 26px;
}
}
}
......@@ -215,6 +240,12 @@ export default {
width: 361px;
height: 361px;
position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
&:nth-child(3){
width: 361px;
height: 361px;
......@@ -229,6 +260,7 @@ export default {
width: 100%;
height: 100%;
display: block;
transition: all .3s;
}
.pop{
width: 100%;
......@@ -236,13 +268,15 @@ export default {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
line-height: 361px;
font-size: 26px;
&:hover{
background: rgba(0, 0, 0, 0.35);
background: rgba(0, 0, 0, .3);
.name{
position: absolute;
bottom: 20px;
left: 20px;
color: #fff;
text-align: center;
// line-height: 361px;
font-size: 26px;
}
}
}
......@@ -255,10 +289,17 @@ export default {
width: 270px;
height: 356px;
position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
img{
width: 100%;
height: 100%;
display: block;
transition: all .3s;
}
.pop{
width: 100%;
......@@ -267,12 +308,12 @@ export default {
position: absolute;
top: 0;
left: 0;
text-align: center;
line-height: 356px;
font-size: 20px;
background: rgba(0, 0, 0, 0);
&:hover{
background: rgba(0, 0, 0, 0.39);
background: rgba(0, 0, 0, 0.3);
.name{
position: absolute;
bottom: 20px;
left: 20px;
font-size: 20px;
}
}
}
......
pages/services/major.vue
浏览文件 @ 3995c882
......@@ -43,7 +43,7 @@
<div class="text">{{ item }}</div>
</li>
</ul>
<img src="https://webapp-pub.ezijing.com/www/pc/%E5%9F%BA%E5%9C%B0%E7%89%B9%E8%89%B2%402x%20(1).png" alt="" class="img3">
<img src="https://webapp-pub.ezijing.com/www/pc/m2-i3-new1.png" alt="" class="img3">
</div>
</div>
</template>
......@@ -54,7 +54,7 @@
<div class="content-mian">
<img src="https://webapp-pub.ezijing.com/www/pc/1.png" alt="" class="img1">
<img src="https://webapp-pub.ezijing.com/www/pc/2.png" alt="" class="img2">
<img src="https://webapp-pub.ezijing.com/www/pc/3.png" alt="" class="img3">
<img src="https://webapp-pub.ezijing.com/www/pc/3-new.png" alt="" class="img3">
</div>
</div>
</template>
......@@ -93,9 +93,8 @@
<li>
<div class="pop-box">
<div class="tit p-t">线下课程开发</div>
<div class="ps">教学设计</div>
<div class="ps">教务计划</div>
<div class="ps">实施执行方案</div>
<div class="ps">教学设计&nbsp;&nbsp;&nbsp;&nbsp;教务计划</div>
<div class="ps">实施执行方案&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div class="tips">（全国三大教学基地，10多间不同需求的教室与会议室）</div>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/6.png" alt="">
......@@ -116,7 +115,7 @@
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/8-new.png" alt="" class="img1">
<div class="pro-tit">项目目标</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/9.png" alt="" class="img1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/9-new.png" alt="" class="img1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/10.png" alt="" class="img1">
<ul>
<li>
......@@ -170,8 +169,8 @@
<!-- 师资培训 -->
<template v-if="showModule === 1">
<div class="module-6 module-content-box">
<div class="new-txt">聚力师资培养，提升教育“软实力”</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/m6-banner.jpg" alt="" class="banner">
<!-- <div class="new-txt">聚力师资培养，提升教育“软实力”</div> -->
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/m6-banner.png" alt="" class="banner">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/szpx-1.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/szpx-2.png" alt="">
......@@ -187,15 +186,15 @@
<ul>
<li>
<div class="num">01</div>
<div class="p">学习创业基础</div>
<div class="p">激发创业意识和兴趣</div>
<div class="p">创新创业精神</div>
<div class="p3">学习创业基础</div>
<div class="p3">激发创业意识和兴趣</div>
<div class="p3">创新创业精神</div>
</li>
<li>
<div class="num">02</div>
<div class="p1">模拟创新创业实训和实践</div>
<div class="p1">掌握基本创业技能</div>
<div class="p1">培养创新创业思维</div>
<div class="p4">模拟创新创业实训和实践</div>
<div class="p4">掌握基本创业技能</div>
<div class="p4">培养创新创业思维</div>
</li>
<li>
<div class="num">03</div>
......@@ -213,7 +212,7 @@
</li>
</ul>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/cxcy-2.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/cxcy-3.png" alt="" class="img-w726">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/cxcy-3-new.png" alt="" class="img-w726">
</div>
</div>
</template>
......@@ -498,7 +497,7 @@ export default {
margin: 15px 0 50px;
}
.img3{
width: 503px;
width: 491px;
display: block;
}
}
......@@ -734,9 +733,13 @@ export default {
display: flex;
justify-content: space-between;
li{
width: 211px;
width: 216px;
height: 275px;
background: #F9F8F8;
&:hover{
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
.num{
font-size: 40px;
font-weight: normal;
......@@ -749,8 +752,28 @@ export default {
line-height: 100%;
color: #424242;
margin-bottom: 17px;
// margin-left: 25px;
// margin-right: 25px;
text-align: center;
}
.p3{
font-size: 18px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
margin-left: 20px;
margin-right: 20px;
// text-align: center;
}
.p4{
font-size: 18px;
line-height: 100%;
color: #424242;
margin-bottom: 17px;
margin-left: 10px;
// margin-right: 20px;
// text-align: center;
}
.p1{
margin: 0 auto;
width: 162px;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论