提交 d43a33e2 authored 作者: lihuihui's avatar lihuihui

update

上级 07a5980a
...@@ -3,14 +3,14 @@ import { wrapFunctional } from './utils' ...@@ -3,14 +3,14 @@ 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 AlumnusParty } from '../../components/alumnus/party.vue'
export { default as AlumnusTabNav } from '../../components/alumnus/tabNav.vue'
export { default as AboutContact } from '../../components/about/contact.vue' export { default as AboutContact } from '../../components/about/contact.vue'
export { default as AboutCulture } from '../../components/about/culture.vue' export { default as AboutCulture } from '../../components/about/culture.vue'
export { default as AboutDetail } from '../../components/about/detail.vue' export { default as AboutDetail } from '../../components/about/detail.vue'
export { default as AboutIntroduce } from '../../components/about/introduce.vue' export { default as AboutIntroduce } from '../../components/about/introduce.vue'
export { default as AboutNews } from '../../components/about/news.vue' export { default as AboutNews } from '../../components/about/news.vue'
export { default as AboutTabNav } from '../../components/about/tabNav.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 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'
...@@ -23,14 +23,14 @@ export { default as HomeServiceCase } from '../../components/home/serviceCase.vu ...@@ -23,14 +23,14 @@ export { default as HomeServiceCase } from '../../components/home/serviceCase.vu
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 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 LazyAboutContact = import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).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 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 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 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 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 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 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))
......
...@@ -5,14 +5,14 @@ const components = { ...@@ -5,14 +5,14 @@ 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)),
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)),
AboutContact: () => import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).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)), 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)), 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)), 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)), 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)), 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)),
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)),
......
...@@ -9,14 +9,14 @@ You can directly use them in pages and other components without the need to impo ...@@ -9,14 +9,14 @@ 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)
- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue)
- `<AboutContact>` | `<about-contact>` (components/about/contact.vue) - `<AboutContact>` | `<about-contact>` (components/about/contact.vue)
- `<AboutCulture>` | `<about-culture>` (components/about/culture.vue) - `<AboutCulture>` | `<about-culture>` (components/about/culture.vue)
- `<AboutDetail>` | `<about-detail>` (components/about/detail.vue) - `<AboutDetail>` | `<about-detail>` (components/about/detail.vue)
- `<AboutIntroduce>` | `<about-introduce>` (components/about/introduce.vue) - `<AboutIntroduce>` | `<about-introduce>` (components/about/introduce.vue)
- `<AboutNews>` | `<about-news>` (components/about/news.vue) - `<AboutNews>` | `<about-news>` (components/about/news.vue)
- `<AboutTabNav>` | `<about-tab-nav>` (components/about/tabNav.vue) - `<AboutTabNav>` | `<about-tab-nav>` (components/about/tabNav.vue)
- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.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)
......
...@@ -8,6 +8,12 @@ ...@@ -8,6 +8,12 @@
"RightAside": { "RightAside": {
"description": "Auto imported from components/rightAside.vue" "description": "Auto imported from components/rightAside.vue"
}, },
"AlumnusParty": {
"description": "Auto imported from components/alumnus/party.vue"
},
"AlumnusTabNav": {
"description": "Auto imported from components/alumnus/tabNav.vue"
},
"AboutContact": { "AboutContact": {
"description": "Auto imported from components/about/contact.vue" "description": "Auto imported from components/about/contact.vue"
}, },
...@@ -26,12 +32,6 @@ ...@@ -26,12 +32,6 @@
"AboutTabNav": { "AboutTabNav": {
"description": "Auto imported from components/about/tabNav.vue" "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"
},
"HomeAlumniStories": { "HomeAlumniStories": {
"description": "Auto imported from components/home/alumniStories.vue" "description": "Auto imported from components/home/alumniStories.vue"
}, },
......
...@@ -478,6 +478,9 @@ ul,li{ ...@@ -478,6 +478,9 @@ ul,li{
color: #333333; color: #333333;
margin-bottom: 36px; margin-bottom: 36px;
white-space: nowrap; white-space: nowrap;
&:hover{
color: rgba(170, 25, 65, 1);
}
a{ a{
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
......
...@@ -55,12 +55,13 @@ export default { ...@@ -55,12 +55,13 @@ export default {
methods: { methods: {
goPage(item) { goPage(item) {
if (item.source === '') { if (item.source === '') {
this.$router.push({ // this.$router.push({
path: '/about/news-detail', // path: '/about/news-detail',
query: { // query: {
id: item.id // id: item.id
} // }
}) // })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`)
} else { } else {
window.open(item.source) window.open(item.source)
} }
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<li @click="goDetail(item)" :key="index"> <li @click="goDetail(item)" :key="index">
<img :src="item.photo_uri" alt=""> <img :src="item.photo_uri" alt="">
<div class="right-con"> <div class="right-con">
<div class="time">{{ item.updated_time }}</div> <div class="time">{{ item.created_time }}</div>
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div class="text">{{ item.summary }}</div> <div class="text">{{ item.summary }}</div>
</div> </div>
...@@ -26,7 +26,7 @@ export default { ...@@ -26,7 +26,7 @@ export default {
const params = { const params = {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 74, type: this.$route.query.type || 74,
project_id: 1013 project_id: 1013
} }
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
...@@ -78,6 +78,7 @@ export default { ...@@ -78,6 +78,7 @@ export default {
img{ img{
width: 320px; width: 320px;
height: 210px; height: 210px;
display: block;
} }
.right-con{ .right-con{
margin-left: 30px; margin-left: 30px;
......
<template> <template>
<div class="alumni-content"> <div class="alumni-content">
<div class="title-content max-width"> <div :class="isScale ? 'title-content max-width scale' : 'title-content max-width'">
<div class="left-title"> <div class="left-title">
<div class="line"></div> <div class="line"></div>
<div class="text">校友故事</div> <div class="text">校友故事</div>
</div> </div>
</div> </div>
<div class="small-tit max-width">You are What you together,结识5000+ 同样优秀的人!</div> <div :class="isScale ? 'small-tit max-width scale' : 'small-tit max-width'">You are What you together,结识5000+ 同样优秀的人!</div>
<div class="swiper-content" v-if="isSwiper"> <div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)"> <div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
...@@ -22,7 +22,9 @@ ...@@ -22,7 +22,9 @@
<script> <script>
export default { export default {
data () { data () {
const _this = this
return { return {
isScale: false,
listData: [], listData: [],
// 轮播图配置信息, 更多请参考 swiper.js 中文网,上面很详细。 // 轮播图配置信息, 更多请参考 swiper.js 中文网,上面很详细。
swiperOption: { swiperOption: {
...@@ -31,12 +33,16 @@ export default { ...@@ -31,12 +33,16 @@ export default {
speed: 400, speed: 400,
autoplay: true, autoplay: true,
delay: 3000, delay: 3000,
// loop: true, loop: true,
slidesPerView: 4, slidesPerView: 4,
// centeredSlides: true, centeredSlides: true,
spaceBetween: 20 spaceBetween: 20,
}, on: {
isSwiper: false init() {
_this.swiper.slideNext()
}
}
}
} }
}, },
async fetch() { async fetch() {
...@@ -56,25 +62,19 @@ export default { ...@@ -56,25 +62,19 @@ export default {
} }
}, },
created() { created() {
// this.swiperOption = {
// observer: true,
// observeParents: true,
// speed: 400,
// autoplay: true,
// delay: 3000,
// // loop: true,
// slidesPerView: 4,
// // centeredSlides: true,
// spaceBetween: 20
// // autoHeight: true,
// // paginationClickable: true,
// // autoplayDisableOnInteraction: false
// }
this.isSwiper = true
}, },
mounted() { mounted() {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
}
}, },
methods: { methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) { goPage(item) {
if (item.source === '') { if (item.source === '') {
this.$router.push({ this.$router.push({
...@@ -136,9 +136,9 @@ export default { ...@@ -136,9 +136,9 @@ export default {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
background: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5);
padding-left: 20px; padding: 0 20px;
box-sizing: border-box; box-sizing: border-box;
font-size: 18px; font-size: 20px;
color: #FEFEFE; color: #FEFEFE;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow:ellipsis;
...@@ -150,4 +150,7 @@ export default { ...@@ -150,4 +150,7 @@ export default {
} }
} }
} }
.scale{
transform: scale(0.85);
}
</style> </style>
...@@ -23,22 +23,13 @@ ...@@ -23,22 +23,13 @@
speed: 400, speed: 400,
autoplay: true, autoplay: true,
delay: 3000, delay: 3000,
// observer: true, observer: true,
// observerParent: true, observerParent: true,
navigation: { navigation: {
nextEl: '.next-button', nextEl: '.next-button',
prevEl: '.prev-button' prevEl: '.prev-button'
}, },
// loop: true, loop: true
// autoplayDisableOnInteraction: false
// observeSlideChildren: true,
// direction: 'horizontal',
// paginationClickable: true,
// autoplayDisableOnInteraction: false,
// pagination: {
// el: '.swiper-pagination',
// clickable: true
// }
} }
} }
}, },
...@@ -69,6 +60,8 @@ ...@@ -69,6 +60,8 @@
return this.$refs.mySwiper.swiper; return this.$refs.mySwiper.swiper;
} }
}, },
mounted() {
},
methods: { methods: {
// openPage(path) { // openPage(path) {
// path !== '' && window.open(path) // path !== '' && window.open(path)
......
...@@ -3,7 +3,8 @@ ...@@ -3,7 +3,8 @@
<div class="title">教育服务</div> <div class="title">教育服务</div>
<ul class="nav-content"> <ul class="nav-content">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path)"> <li v-for="(item, index) in data" :key="index" @click="goPage(item.path)">
<img :src="item.icon" alt=""> <img :src="item.icon" alt="" class="icon">
<img :src="item.iconActive" alt="" class="icon-active">
<div class="text" v-html="item.text"></div> <div class="text" v-html="item.text"></div>
</li> </li>
</ul> </ul>
...@@ -16,30 +17,37 @@ export default { ...@@ -16,30 +17,37 @@ export default {
data: [ data: [
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/3118a654ec7f92a52b7d04f2f1f5989a.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/3118a654ec7f92a52b7d04f2f1f5989a.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/37488a824991634e9283c870d976eb79.png',
text: '1+X', path: 'https://x.ezijing.com', pathType: 0 text: '1+X', path: 'https://x.ezijing.com', pathType: 0
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/7bea5e01e4e4c92e104bb1d73d313500.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/7bea5e01e4e4c92e104bb1d73d313500.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b624145e8cd4a8c38f108dbd0efc3eb.png',
text: '专业共建', path: '', pathType: 0 text: '专业共建', path: '', pathType: 0
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6db512b8b2b4501651e6f9bc520d7379.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/6db512b8b2b4501651e6f9bc520d7379.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/bcbc44b065ea26146a68750e82aa058c.png',
text: '校企合作', path: '', pathType: 0 text: '校企合作', path: '', pathType: 0
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/0e5522064d9070290b3d541a485d469f.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/0e5522064d9070290b3d541a485d469f.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/01d9b50bd0e2e2355a18f486181d710a.png',
text: '产业学院', path: '', pathType: 0 text: '产业学院', path: '', pathType: 0
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/0912f621abe188ccc84df6520a8fecf9.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/0912f621abe188ccc84df6520a8fecf9.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/759a550044932bcf0f1159d103361ed2.png',
text: '双高建设', path: '', pathType: 0 text: '双高建设', path: '', pathType: 0
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6cf5b6010dd7d35a80d4acc270db8a86.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/6cf5b6010dd7d35a80d4acc270db8a86.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/4e86da38599e6fcfdd53f459df2f0a16.png',
text: '在线教育<br />解决方案', path: '', pathType: 0 text: '在线教育<br />解决方案', path: '', pathType: 0
}, },
{ {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/9603456c7edb101ec5469f92e9e21553.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/9603456c7edb101ec5469f92e9e21553.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/ae17f20f43525893b263fef139ea7006.png',
text: '更多', path: '', pathType: 0 text: '更多', path: '', pathType: 0
} }
] ]
...@@ -76,12 +84,28 @@ export default { ...@@ -76,12 +84,28 @@ export default {
padding-top: 36px; padding-top: 36px;
margin-right: 20px; margin-right: 20px;
cursor: pointer; cursor: pointer;
transition: all .5s;
img{ img{
width: 64px; width: 64px;
height: 64px; height: 64px;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
.icon-active{
display: none;
}
&:hover{
background: rgba(170, 25, 65, 1);
.text{
color: #fff;
}
.icon{
display: none;
}
.icon-active{
display: block;
}
}
.text{ .text{
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
......
...@@ -5,12 +5,12 @@ ...@@ -5,12 +5,12 @@
<div class="line"></div> <div class="line"></div>
<div class="text">校长寄语</div> <div class="text">校长寄语</div>
</div> </div>
<div class="right-text" @click="$router.push({ path: '/about/news' })"> <div class="right-text" @click="$router.push({ path: '/about/news', query: { type: 70 } })">
查看更多+ 查看更多+
</div> </div>
</div> </div>
<div class="swiper-content"> <div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)"> <div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri"> <img :src="item.photo_uri">
...@@ -53,11 +53,22 @@ export default { ...@@ -53,11 +53,22 @@ export default {
return res return res
}) })
}, },
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
mounted() { mounted() {
console.log(111111)
}, },
methods: { methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) { goPage(item) {
console.log(1123)
if (item.source === '') { if (item.source === '') {
this.$router.push({ this.$router.push({
path: '/about/news-detail', path: '/about/news-detail',
......
...@@ -5,14 +5,14 @@ ...@@ -5,14 +5,14 @@
<div class="line"></div> <div class="line"></div>
<div class="text">公开课</div> <div class="text">公开课</div>
</div> </div>
<div class="right-text" @click="$router.push({ path: '/about/news' })"> <div class="right-text" @click="$router.push({ path: '/about/news', query: { type: 72 } })">
查看更多+ 查看更多+
</div> </div>
</div> </div>
<div class="content-box"> <div class="content-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/c04caada9ed0f473c786e21eff83c4b9.png" alt="" class="banner"> <img src="https://zws-imgs-pub.ezijing.com/static/public/c04caada9ed0f473c786e21eff83c4b9.png" alt="" class="banner">
<ul> <ul>
<li v-for="(item, index) in listData" :key="index"> <li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div class="con-txt">{{ item.summary }}</div> <div class="con-txt">{{ item.summary }}</div>
<div class="info-box"> <div class="info-box">
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="icon"></div> <div class="icon"></div>
<div class="num">36023</div> <div class="num">36023</div>
</div> </div>
<div class="btn" @click="goPage(item)">免费学习</div> <div class="btn">免费学习</div>
</div> </div>
</li> </li>
<li> <li>
...@@ -124,6 +124,7 @@ export default { ...@@ -124,6 +124,7 @@ export default {
background: #FFFFFF; background: #FFFFFF;
padding: 43px 22px 34px; padding: 43px 22px 34px;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer;
.logo{ .logo{
width: 89px; width: 89px;
display: block; display: block;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<div class="line"></div> <div class="line"></div>
<div class="text">项目公告</div> <div class="text">项目公告</div>
</div> </div>
<div class="right-text" @click="$router.push('/about/news')"> <div class="right-text" @click="$router.push({ path: '/about/news', query: { type: 75 } })">
查看更多+ 查看更多+
</div> </div>
</div> </div>
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
} }
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
const data = [] const data = []
console.log(res)
res.map((item, index) => { res.map((item, index) => {
if (index < 3) { if (index < 3) {
item.dateYear = item.updated_time.slice(0, 4) item.dateYear = item.created_time.slice(0, 4)
item.dateMonth = item.updated_time.slice(5, 10).replace('-', '/') item.dateMonth = item.created_time.slice(5, 10).replace('-', '/')
data.push(item) data.push(item)
} }
}) })
......
...@@ -5,12 +5,12 @@ ...@@ -5,12 +5,12 @@
<div class="line"></div> <div class="line"></div>
<div class="text">教育服务案例</div> <div class="text">教育服务案例</div>
</div> </div>
<div class="right-text"> <div class="right-text" @click="$router.push({ path: '/about/news', query: { type: 73 } })">
查看更多+ 查看更多+
</div> </div>
</div> </div>
<div class="swiper-content"> <div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)"> <div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri"> <img :src="item.photo_uri">
...@@ -53,7 +53,18 @@ export default { ...@@ -53,7 +53,18 @@ export default {
return res return res
}) })
}, },
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
methods: { methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) { goPage(item) {
if (item.source === '') { if (item.source === '') {
this.$router.push({ this.$router.push({
......
...@@ -5,7 +5,6 @@ ...@@ -5,7 +5,6 @@
<Foot /> <Foot />
</div> </div>
</template> </template>
<style> <style>
html { html {
font-family: font-family:
......
...@@ -3940,13 +3940,6 @@ ...@@ -3940,13 +3940,6 @@
"integrity": "sha512-xnhwVgyOh3eD++/XGtH+5qBwYTgCm0aW91GFgPJ3XG+jlsRLyJivnbP0QmUBFhI+Oaz9FV0s7cxgXHezwOEBYA==", "integrity": "sha512-xnhwVgyOh3eD++/XGtH+5qBwYTgCm0aW91GFgPJ3XG+jlsRLyJivnbP0QmUBFhI+Oaz9FV0s7cxgXHezwOEBYA==",
"requires": { "requires": {
"ssr-window": "^2.0.0" "ssr-window": "^2.0.0"
},
"dependencies": {
"ssr-window": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-2.0.0.tgz",
"integrity": "sha512-NXzN+/HPObKAx191H3zKlYomE5WrVIkoCB5IaSdvKokxTpjBdWfr0RaP+1Z5KOfDT0ZVz+2tdtiBkhsEQ9p+0A=="
}
} }
}, },
"domain-browser": { "domain-browser": {
...@@ -8913,9 +8906,9 @@ ...@@ -8913,9 +8906,9 @@
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
}, },
"ssr-window": { "ssr-window": {
"version": "1.0.1", "version": "2.0.0",
"resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-1.0.1.tgz", "resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-2.0.0.tgz",
"integrity": "sha512-dgFqB+f00LJTEgb6UXhx0h+SrG50LJvti2yMKMqAgzfUmUXZrLSv2fjULF7AWGwK25EXu8+smLR3jYsJQChPsg==" "integrity": "sha512-NXzN+/HPObKAx191H3zKlYomE5WrVIkoCB5IaSdvKokxTpjBdWfr0RaP+1Z5KOfDT0ZVz+2tdtiBkhsEQ9p+0A=="
}, },
"ssri": { "ssri": {
"version": "8.0.1", "version": "8.0.1",
...@@ -9203,9 +9196,13 @@ ...@@ -9203,9 +9196,13 @@
} }
}, },
"swiper": { "swiper": {
"version": "3.4.2", "version": "5.4.5",
"resolved": "https://registry.npmjs.org/swiper/-/swiper-3.4.2.tgz", "resolved": "https://registry.npmjs.org/swiper/-/swiper-5.4.5.tgz",
"integrity": "sha1-Oda0ELGjmDPh9y07cpmd9fXjg5I=" "integrity": "sha512-7QjA0XpdOmiMoClfaZ2lYN6ICHcMm72LXiY+NF4fQLFidigameaofvpjEEiTQuw3xm5eksG5hzkaRsjQX57vtA==",
"requires": {
"dom7": "^2.1.5",
"ssr-window": "^2.0.0"
}
}, },
"tapable": { "tapable": {
"version": "1.1.3", "version": "1.1.3",
...@@ -9789,24 +9786,9 @@ ...@@ -9789,24 +9786,9 @@
"integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg==" "integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg=="
}, },
"vue-awesome-swiper": { "vue-awesome-swiper": {
"version": "3.1.3", "version": "4.1.1",
"resolved": "https://registry.npmjs.org/vue-awesome-swiper/-/vue-awesome-swiper-3.1.3.tgz", "resolved": "https://registry.npmjs.org/vue-awesome-swiper/-/vue-awesome-swiper-4.1.1.tgz",
"integrity": "sha512-E7suzkyApO8vNZbgdEnjSmnpsmQZyRvSVXJ7sey3XYwKPOkLhH3+GnHroBw+5PZIQXvWBwdCeQsPG1xQ1r1Rhg==", "integrity": "sha512-50um10t6N+lJaORkpwSi1wWuMmBI1sgFc9Znsi5oUykw2cO5DzLaBHcO2JNX21R+Ue4TGoIJDhhxjBHtkFrTEQ=="
"requires": {
"object-assign": "^4.1.1",
"swiper": "^4.0.7"
},
"dependencies": {
"swiper": {
"version": "4.5.1",
"resolved": "https://registry.npmjs.org/swiper/-/swiper-4.5.1.tgz",
"integrity": "sha512-se6I7PWWu950NAMXXT+ENtF/6SVb8mPyO+bTfNxbQBILSeLqsYp3Ndap+YOA0EczOIUlea274PKejT6gKZDseA==",
"requires": {
"dom7": "^2.1.3",
"ssr-window": "^1.0.1"
}
}
}
}, },
"vue-client-only": { "vue-client-only": {
"version": "2.0.0", "version": "2.0.0",
......
...@@ -17,8 +17,8 @@ ...@@ -17,8 +17,8 @@
"nuxt": "^2.15.3", "nuxt": "^2.15.3",
"path": "^0.12.7", "path": "^0.12.7",
"qs": "^6.10.1", "qs": "^6.10.1",
"swiper": "^3.4.2", "swiper": "^5.4.5",
"vue-awesome-swiper": "^3.1.3" "vue-awesome-swiper": "^4.1.1"
}, },
"devDependencies": { "devDependencies": {
"@nuxtjs/axios": "^5.13.1", "@nuxtjs/axios": "^5.13.1",
......
...@@ -3,19 +3,19 @@ ...@@ -3,19 +3,19 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<banner /> <banner />
<!-- 学位教育 --> <!-- 学位教育 -->
<degree-education/> <degree-education :class="isScale && 'scale space1'"/>
<!-- 教育服务 --> <!-- 教育服务 -->
<education-services /> <education-services :class="isScale && 'scale space2'"/>
<!-- 项目公告 --> <!-- 项目公告 -->
<project-notice /> <project-notice :class="isScale && 'scale space3'"/>
<!-- 校长寄语 --> <!-- 校长寄语 -->
<headmaster-msg /> <headmaster-msg :class="isScale && 'scale space4'"/>
<!-- 校友故事 --> <!-- 校友故事 -->
<alumni-stories /> <alumni-stories :class="isScale && 'space5'"/>
<!-- 公开课 --> <!-- 公开课 -->
<open-class /> <open-class :class="isScale && 'scale space6'" />
<!-- 教育服务案例 --> <!-- 教育服务案例 -->
<service-case /> <service-case :class="isScale && 'scale space7'"/>
<!-- 右侧功能栏 --> <!-- 右侧功能栏 -->
<right-aside /> <right-aside />
</div> </div>
...@@ -45,6 +45,14 @@ export default { ...@@ -45,6 +45,14 @@ export default {
}, },
data () { data () {
return { return {
isScale: false
}
},
created() {
},
mounted() {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
} }
} }
} }
...@@ -53,4 +61,28 @@ export default { ...@@ -53,4 +61,28 @@ export default {
.container{ .container{
padding-bottom: 100px; padding-bottom: 100px;
} }
.scale{
transform: scale(0.85);
}
.space1{
transform: translateY(-30px) scale(0.85);
}
.space2{
transform: translateY(-60px) scale(0.85);
}
.space3{
transform: translateY(-90px) scale(0.85);
}
.space4{
transform: translateY(-110px) scale(0.85);
}
.space5{
transform: translateY(-140px);
}
.space6{
transform: translateY(-170px) scale(0.85);
}
.space7{
transform: translateY(-230px) scale(0.85);
}
</style> </style>
import Vue from 'vue' import Vue from 'vue'
const VueAwesomeSwiper = require('vue-awesome-swiper/dist/ssr') import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css' import 'swiper/swiper.scss'
Vue.use(VueAwesomeSwiper) Vue.use(VueAwesomeSwiper)
\ No newline at end of file
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论