提交 3995c882 authored 作者: lihuihui's avatar lihuihui

update

上级 756c7405
...@@ -3,8 +3,15 @@ import { wrapFunctional } from './utils' ...@@ -3,8 +3,15 @@ import { wrapFunctional } from './utils'
export { default as Foot } from '../../components/Foot.vue' export { default as Foot } from '../../components/Foot.vue'
export { default as Head } from '../../components/Head.vue' export { default as Head } from '../../components/Head.vue'
export { default as RightAside } from '../../components/RightAside.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 AlumnusParty } from '../../components/alumnus/party.vue'
export { default as AlumnusTabNav } from '../../components/alumnus/tabNav.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 HomeAlumniStories } from '../../components/home/alumniStories.vue'
export { default as HomeBanner } from '../../components/home/banner.vue' export { default as HomeBanner } from '../../components/home/banner.vue'
export { default as HomeDegreeEducation } from '../../components/home/degreeEducation.vue' export { default as HomeDegreeEducation } from '../../components/home/degreeEducation.vue'
...@@ -13,19 +20,19 @@ export { default as HomeHeadmasterMsg } from '../../components/home/headmasterMs ...@@ -13,19 +20,19 @@ export { default as HomeHeadmasterMsg } from '../../components/home/headmasterMs
export { default as HomeOpenClass } from '../../components/home/openClass.vue' export { default as HomeOpenClass } from '../../components/home/openClass.vue'
export { default as HomeProjectNotice } from '../../components/home/projectNotice.vue' export { default as HomeProjectNotice } from '../../components/home/projectNotice.vue'
export { default as HomeServiceCase } from '../../components/home/serviceCase.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 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 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 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 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 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 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 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)) 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 ...@@ -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 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 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 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))
...@@ -5,8 +5,15 @@ const components = { ...@@ -5,8 +5,15 @@ const components = {
Foot: () => import('../../components/Foot.vue' /* webpackChunkName: "components/foot" */).then(c => wrapFunctional(c.default || c)), 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)), 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)), 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)), 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)), 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)), 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)), 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)), HomeDegreeEducation: () => import('../../components/home/degreeEducation.vue' /* webpackChunkName: "components/home-degree-education" */).then(c => wrapFunctional(c.default || c)),
...@@ -14,14 +21,7 @@ const components = { ...@@ -14,14 +21,7 @@ const components = {
HomeHeadmasterMsg: () => import('../../components/home/headmasterMsg.vue' /* webpackChunkName: "components/home-headmaster-msg" */).then(c => wrapFunctional(c.default || c)), 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)), 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)), 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)), 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))
} }
for (const name in components) { for (const name in components) {
......
...@@ -9,8 +9,15 @@ You can directly use them in pages and other components without the need to impo ...@@ -9,8 +9,15 @@ You can directly use them in pages and other components without the need to impo
- `<Foot>` | `<foot>` (components/Foot.vue) - `<Foot>` | `<foot>` (components/Foot.vue)
- `<Head>` | `<head>` (components/Head.vue) - `<Head>` | `<head>` (components/Head.vue)
- `<RightAside>` | `<right-aside>` (components/RightAside.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) - `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue) - `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue)
- `<ServicesTab>` | `<services-tab>` (components/services/tab.vue)
- `<HomeAlumniStories>` | `<home-alumni-stories>` (components/home/alumniStories.vue) - `<HomeAlumniStories>` | `<home-alumni-stories>` (components/home/alumniStories.vue)
- `<HomeBanner>` | `<home-banner>` (components/home/banner.vue) - `<HomeBanner>` | `<home-banner>` (components/home/banner.vue)
- `<HomeDegreeEducation>` | `<home-degree-education>` (components/home/degreeEducation.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 ...@@ -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) - `<HomeOpenClass>` | `<home-open-class>` (components/home/openClass.vue)
- `<HomeProjectNotice>` | `<home-project-notice>` (components/home/projectNotice.vue) - `<HomeProjectNotice>` | `<home-project-notice>` (components/home/projectNotice.vue)
- `<HomeServiceCase>` | `<home-service-case>` (components/home/serviceCase.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)
...@@ -8,12 +8,33 @@ ...@@ -8,12 +8,33 @@
"RightAside": { "RightAside": {
"description": "Auto imported from components/RightAside.vue" "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": { "AlumnusParty": {
"description": "Auto imported from components/alumnus/party.vue" "description": "Auto imported from components/alumnus/party.vue"
}, },
"AlumnusTabNav": { "AlumnusTabNav": {
"description": "Auto imported from components/alumnus/tabNav.vue" "description": "Auto imported from components/alumnus/tabNav.vue"
}, },
"ServicesTab": {
"description": "Auto imported from components/services/tab.vue"
},
"HomeAlumniStories": { "HomeAlumniStories": {
"description": "Auto imported from components/home/alumniStories.vue" "description": "Auto imported from components/home/alumniStories.vue"
}, },
...@@ -37,26 +58,5 @@ ...@@ -37,26 +58,5 @@
}, },
"HomeServiceCase": { "HomeServiceCase": {
"description": "Auto imported from components/home/serviceCase.vue" "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"
} }
} }
差异被折叠。
...@@ -11,22 +11,26 @@ ...@@ -11,22 +11,26 @@
<ul> <ul>
<li v-for="(item, index) in list" :key="index"> <li v-for="(item, index) in list" :key="index">
<img :src="item.image" alt=""> <img :src="item.image" alt="">
<div class="pop-txt">{{ item.text }}</div> <div class="pop-txt">
<div class="name">{{ item.text }}</div>
</div>
</li> </li>
</ul> </ul>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con3.png" alt="" class="img3"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con3.png" alt="" class="img3">
<ul> <ul>
<li v-for="(item, index) in list2" :key="index"> <li v-for="(item, index) in list2" :key="index">
<img :src="item.image" alt=""> <img :src="item.image" alt="">
<div class="pop-txt">{{ item.text }}</div> <div class="pop-txt">
<div class="name">{{ item.text }}</div>
</div>
</li> </li>
</ul> </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-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-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-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-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-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-con9.png" alt="" class="img9"> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -129,10 +133,17 @@ export default { ...@@ -129,10 +133,17 @@ export default {
width: 265px; width: 265px;
height: 140px; height: 140px;
position: relative; position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
img{ img{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
transition: all .3s;
} }
.pop-txt{ .pop-txt{
width: 100%; width: 100%;
...@@ -140,14 +151,14 @@ export default { ...@@ -140,14 +151,14 @@ export default {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
font-size: 20px; background: rgba(0, 0, 0, .3);
font-weight: 500; .name{
line-height: 140px; position: absolute;
color: #FFFFFF; bottom: 20px;
background: rgba(0, 0, 0, 0); left: 20px;
text-align: center; font-size: 20px;
&:hover{ font-weight: bold;
background: rgba(0, 0, 0, 0.3); color: #FFFFFF;
} }
} }
} }
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="mian"> <div class="mian">
<div class="occupation-content-mian"> <div class="occupation-content-mian">
<div class="module-1 module-content-box"> <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"> <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-i1.png" alt="" class="img1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i2.png" alt="" class="img2"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i2.png" alt="" class="img2">
...@@ -12,21 +12,29 @@ ...@@ -12,21 +12,29 @@
<div class="top"> <div class="top">
<div class="li"> <div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly1.jpg" alt=""> <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>
<div class="li"> <div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly2.png" alt=""> <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> </div>
<div class="bottom"> <div class="bottom">
<div class="li"> <div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly3.png" alt=""> <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>
<div class="li"> <div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly4.png" alt=""> <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> </div>
<li class="li">……</li> <li class="li">……</li>
</div> </div>
...@@ -37,19 +45,27 @@ ...@@ -37,19 +45,27 @@
<ul> <ul>
<li> <li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy1.jpg" alt=""> <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>
<li> <li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy2.jpg" alt=""> <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>
<li> <li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy3.jpg" alt=""> <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>
<li> <li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy4.jpg" alt=""> <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> </li>
</ul> </ul>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i5.png" alt="" class="img5"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i5.png" alt="" class="img5">
...@@ -184,10 +200,17 @@ export default { ...@@ -184,10 +200,17 @@ export default {
width: 723px; width: 723px;
height: 361px; height: 361px;
position: relative; position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
img{ img{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
transition: all .3s;
} }
&:nth-child(2){ &:nth-child(2){
width: 360px; width: 360px;
...@@ -196,15 +219,17 @@ export default { ...@@ -196,15 +219,17 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; bottom: 0;
left: 0; left: 0;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, .3);
color: #fff; .name{
text-align: center; position: absolute;
line-height: 361px; bottom: 20px;
font-size: 26px; left: 20px;
&:hover{ color: #fff;
background: rgba(0, 0, 0, 0.35); text-align: center;
// line-height: 361px;
font-size: 26px;
} }
} }
} }
...@@ -215,6 +240,12 @@ export default { ...@@ -215,6 +240,12 @@ export default {
width: 361px; width: 361px;
height: 361px; height: 361px;
position: relative; position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
&:nth-child(3){ &:nth-child(3){
width: 361px; width: 361px;
height: 361px; height: 361px;
...@@ -229,6 +260,7 @@ export default { ...@@ -229,6 +260,7 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
transition: all .3s;
} }
.pop{ .pop{
width: 100%; width: 100%;
...@@ -236,13 +268,15 @@ export default { ...@@ -236,13 +268,15 @@ export default {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, .3);
color: #fff; .name{
text-align: center; position: absolute;
line-height: 361px; bottom: 20px;
font-size: 26px; left: 20px;
&:hover{ color: #fff;
background: rgba(0, 0, 0, 0.35); text-align: center;
// line-height: 361px;
font-size: 26px;
} }
} }
} }
...@@ -255,10 +289,17 @@ export default { ...@@ -255,10 +289,17 @@ export default {
width: 270px; width: 270px;
height: 356px; height: 356px;
position: relative; position: relative;
overflow: hidden;
&:hover{
img{
transform: scale(1.1);
}
}
img{ img{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
transition: all .3s;
} }
.pop{ .pop{
width: 100%; width: 100%;
...@@ -267,12 +308,12 @@ export default { ...@@ -267,12 +308,12 @@ export default {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
text-align: center; background: rgba(0, 0, 0, 0.3);
line-height: 356px; .name{
font-size: 20px; position: absolute;
background: rgba(0, 0, 0, 0); bottom: 20px;
&:hover{ left: 20px;
background: rgba(0, 0, 0, 0.39); font-size: 20px;
} }
} }
} }
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
<div class="text">{{ item }}</div> <div class="text">{{ item }}</div>
</li> </li>
</ul> </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>
</div> </div>
</template> </template>
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<div class="content-mian"> <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/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/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>
</div> </div>
</template> </template>
...@@ -93,9 +93,8 @@ ...@@ -93,9 +93,8 @@
<li> <li>
<div class="pop-box"> <div class="pop-box">
<div class="tit p-t">线下课程开发</div> <div class="tit p-t">线下课程开发</div>
<div class="ps">教学设计</div> <div class="ps">教学设计&nbsp;&nbsp;&nbsp;&nbsp;教务计划</div>
<div class="ps">教务计划</div> <div class="ps">实施执行方案&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div class="ps">实施执行方案</div>
<div class="tips">(全国三大教学基地,10多间不同需求的教室与会议室)</div> <div class="tips">(全国三大教学基地,10多间不同需求的教室与会议室)</div>
</div> </div>
<img src="https://webapp-pub.ezijing.com/www/pc/6.png" alt=""> <img src="https://webapp-pub.ezijing.com/www/pc/6.png" alt="">
...@@ -116,7 +115,7 @@ ...@@ -116,7 +115,7 @@
</div> </div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/8-new.png" alt="" class="img1"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/8-new.png" alt="" class="img1">
<div class="pro-tit">项目目标</div> <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"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/10.png" alt="" class="img1">
<ul> <ul>
<li> <li>
...@@ -170,8 +169,8 @@ ...@@ -170,8 +169,8 @@
<!-- 师资培训 --> <!-- 师资培训 -->
<template v-if="showModule === 1"> <template v-if="showModule === 1">
<div class="module-6 module-content-box"> <div class="module-6 module-content-box">
<div class="new-txt">聚力师资培养,提升教育“软实力”</div> <!-- <div class="new-txt">聚力师资培养,提升教育“软实力”</div> -->
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/m6-banner.jpg" alt="" class="banner"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/m6-banner.png" alt="" class="banner">
<div class="content-mian"> <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-1.png" alt="">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/szpx-2.png" alt=""> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/szpx-2.png" alt="">
...@@ -187,15 +186,15 @@ ...@@ -187,15 +186,15 @@
<ul> <ul>
<li> <li>
<div class="num">01</div> <div class="num">01</div>
<div class="p">学习创业基础</div> <div class="p3">学习创业基础</div>
<div class="p">激发创业意识和兴趣</div> <div class="p3">激发创业意识和兴趣</div>
<div class="p">创新创业精神</div> <div class="p3">创新创业精神</div>
</li> </li>
<li> <li>
<div class="num">02</div> <div class="num">02</div>
<div class="p1">模拟创新创业实训和实践</div> <div class="p4">模拟创新创业实训和实践</div>
<div class="p1">掌握基本创业技能</div> <div class="p4">掌握基本创业技能</div>
<div class="p1">培养创新创业思维</div> <div class="p4">培养创新创业思维</div>
</li> </li>
<li> <li>
<div class="num">03</div> <div class="num">03</div>
...@@ -213,7 +212,7 @@ ...@@ -213,7 +212,7 @@
</li> </li>
</ul> </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-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>
</div> </div>
</template> </template>
...@@ -498,7 +497,7 @@ export default { ...@@ -498,7 +497,7 @@ export default {
margin: 15px 0 50px; margin: 15px 0 50px;
} }
.img3{ .img3{
width: 503px; width: 491px;
display: block; display: block;
} }
} }
...@@ -734,9 +733,13 @@ export default { ...@@ -734,9 +733,13 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
li{ li{
width: 211px; width: 216px;
height: 275px; height: 275px;
background: #F9F8F8; background: #F9F8F8;
&:hover{
background: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
.num{ .num{
font-size: 40px; font-size: 40px;
font-weight: normal; font-weight: normal;
...@@ -749,8 +752,28 @@ export default { ...@@ -749,8 +752,28 @@ export default {
line-height: 100%; line-height: 100%;
color: #424242; color: #424242;
margin-bottom: 17px; margin-bottom: 17px;
// margin-left: 25px;
// margin-right: 25px;
text-align: center; 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{ .p1{
margin: 0 auto; margin: 0 auto;
width: 162px; width: 162px;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论