Skip to content

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

update

上级 07a5980a
隐藏空白字符变更
内嵌 并排
正在显示 包含 185 行增加 和 122 行删除
.nuxt/components/index.js
浏览文件 @ d43a33e2
......@@ -3,14 +3,14 @@ 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 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 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 HomeAlumniStories } from '../../components/home/alumniStories.vue'
export { default as HomeBanner } from '../../components/home/banner.vue'
export { default as HomeDegreeEducation } from '../../components/home/degreeEducation.vue'
......@@ -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 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 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 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 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))
......
.nuxt/components/plugin.js
浏览文件 @ d43a33e2
......@@ -5,14 +5,14 @@ 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)),
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)),
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)),
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)),
......
.nuxt/components/readme.md
浏览文件 @ d43a33e2
......@@ -9,14 +9,14 @@ 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)
- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.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)
- `<HomeAlumniStories>` | `<home-alumni-stories>` (components/home/alumniStories.vue)
- `<HomeBanner>` | `<home-banner>` (components/home/banner.vue)
- `<HomeDegreeEducation>` | `<home-degree-education>` (components/home/degreeEducation.vue)
......
.nuxt/vetur/tags.json
浏览文件 @ d43a33e2
......@@ -8,6 +8,12 @@
"RightAside": {
"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": {
"description": "Auto imported from components/about/contact.vue"
},
......@@ -26,12 +32,6 @@
"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"
},
"HomeAlumniStories": {
"description": "Auto imported from components/home/alumniStories.vue"
},
......
components/Head.vue
浏览文件 @ d43a33e2
......@@ -478,6 +478,9 @@ ul,li{
color: #333333;
margin-bottom: 36px;
white-space: nowrap;
&:hover{
color: rgba(170, 25, 65, 1);
}
a{
font-size: 16px;
font-weight: 400;
......
components/about/detail.vue
浏览文件 @ d43a33e2
......@@ -55,12 +55,13 @@ export default {
methods: {
goPage(item) {
if (item.source === '') {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
// this.$router.push({
// path: '/about/news-detail',
// query: {
// id: item.id
// }
// })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`)
} else {
window.open(item.source)
}
......
components/about/news.vue
浏览文件 @ d43a33e2
......@@ -6,7 +6,7 @@
<li @click="goDetail(item)" :key="index">
<img :src="item.photo_uri" alt="">
<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="text">{{ item.summary }}</div>
</div>
......@@ -26,7 +26,7 @@ export default {
const params = {
page: 1,
per_page: 100,
type: 74,
type: this.$route.query.type || 74,
project_id: 1013
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
......@@ -78,6 +78,7 @@ export default {
img{
width: 320px;
height: 210px;
display: block;
}
.right-con{
margin-left: 30px;
......
components/home/alumniStories.vue
浏览文件 @ d43a33e2
<template>
<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="line"></div>
<div class="text">校友故事</div>
</div>
</div>
<div class="small-tit max-width">You are What you together，结识5000+ 同样优秀的人！</div>
<div class="swiper-content" v-if="isSwiper">
<div :class="isScale ? 'small-tit max-width scale' : 'small-tit max-width'">You are What you together，结识5000+ 同样优秀的人！</div>
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
......@@ -22,7 +22,9 @@
<script>
export default {
data () {
const _this = this
return {
isScale: false,
listData: [],
// 轮播图配置信息, 更多请参考 swiper.js 中文网，上面很详细。
swiperOption: {
......@@ -31,12 +33,16 @@ export default {
speed: 400,
autoplay: true,
delay: 3000,
// loop: true,
loop: true,
slidesPerView: 4,
// centeredSlides: true,
spaceBetween: 20
},
isSwiper: false
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
async fetch() {
......@@ -56,25 +62,19 @@ export default {
}
},
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() {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) {
if (item.source === '') {
this.$router.push({
......@@ -136,9 +136,9 @@ export default {
height: 40px;
line-height: 40px;
background: rgba(0,0,0,0.5);
padding-left: 20px;
padding: 0 20px;
box-sizing: border-box;
font-size: 18px;
font-size: 20px;
color: #FEFEFE;
overflow: hidden;
text-overflow:ellipsis;
......@@ -150,4 +150,7 @@ export default {
}
}
}
.scale{
transform: scale(0.85);
}
</style>
components/home/banner.vue
浏览文件 @ d43a33e2
......@@ -23,22 +23,13 @@
speed: 400,
autoplay: true,
delay: 3000,
// observer: true,
// observerParent: true,
observer: true,
observerParent: true,
navigation: {
nextEl: '.next-button',
prevEl: '.prev-button'
},
// loop: true,
// autoplayDisableOnInteraction: false
// observeSlideChildren: true,
// direction: 'horizontal',
// paginationClickable: true,
// autoplayDisableOnInteraction: false,
// pagination: {
// el: '.swiper-pagination',
// clickable: true
// }
loop: true
}
}
},
......@@ -69,6 +60,8 @@
return this.$refs.mySwiper.swiper;
}
},
mounted() {
},
methods: {
// openPage(path) {
// path !== '' && window.open(path)
......
components/home/educationServices.vue
浏览文件 @ d43a33e2
......@@ -3,7 +3,8 @@
<div class="title">教育服务</div>
<ul class="nav-content">
<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>
</li>
</ul>
......@@ -16,30 +17,37 @@ export default {
data: [
{
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
},
{
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
},
{
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
},
{
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
},
{
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
},
{
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
},
{
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
}
]
......@@ -76,12 +84,28 @@ export default {
padding-top: 36px;
margin-right: 20px;
cursor: pointer;
transition: all .5s;
img{
width: 64px;
height: 64px;
display: block;
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-align: center;
font-size: 14px;
......
components/home/headmasterMsg.vue
浏览文件 @ d43a33e2
......@@ -5,12 +5,12 @@
<div class="line"></div>
<div class="text">校长寄语</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 class="swiper-content">
<div v-swiper:mySwiper="swiperOption">
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri">
......@@ -53,11 +53,22 @@ export default {
return res
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
mounted() {
console.log(111111)
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) {
console.log(1123)
if (item.source === '') {
this.$router.push({
path: '/about/news-detail',
......
components/home/openClass.vue
浏览文件 @ d43a33e2
......@@ -5,14 +5,14 @@
<div class="line"></div>
<div class="text">公开课</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 class="content-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/c04caada9ed0f473c786e21eff83c4b9.png" alt="" class="banner">
<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="con-txt">{{ item.summary }}</div>
<div class="info-box">
......@@ -21,7 +21,7 @@
<div class="icon"></div>
<div class="num">36023</div>
</div>
<div class="btn" @click="goPage(item)">免费学习</div>
<div class="btn">免费学习</div>
</div>
</li>
<li>
......@@ -124,6 +124,7 @@ export default {
background: #FFFFFF;
padding: 43px 22px 34px;
box-sizing: border-box;
cursor: pointer;
.logo{
width: 89px;
display: block;
......
components/home/projectNotice.vue
浏览文件 @ d43a33e2
......@@ -5,7 +5,7 @@
<div class="line"></div>
<div class="text">项目公告</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>
......@@ -53,10 +53,11 @@ export default {
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
const data = []
console.log(res)
res.map((item, index) => {
if (index < 3) {
item.dateYear = item.updated_time.slice(0, 4)
item.dateMonth = item.updated_time.slice(5, 10).replace('-', '/')
item.dateYear = item.created_time.slice(0, 4)
item.dateMonth = item.created_time.slice(5, 10).replace('-', '/')
data.push(item)
}
})
......
components/home/serviceCase.vue
浏览文件 @ d43a33e2
......@@ -5,12 +5,12 @@
<div class="line"></div>
<div class="text">教育服务案例</div>
</div>
<div class="right-text">
<div class="right-text" @click="$router.push({ path: '/about/news', query: { type: 73 } })">
查看更多+
</div>
</div>
<div class="swiper-content">
<div v-swiper:mySwiper="swiperOption">
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri">
......@@ -53,7 +53,18 @@ export default {
return res
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
},
goPage(item) {
if (item.source === '') {
this.$router.push({
......
layouts/default.vue
浏览文件 @ d43a33e2
......@@ -5,7 +5,6 @@
<Foot />
</div>
</template>
<style>
html {
font-family:
......
package-lock.json
浏览文件 @ d43a33e2
......@@ -3940,13 +3940,6 @@
"integrity": "sha512-xnhwVgyOh3eD++/XGtH+5qBwYTgCm0aW91GFgPJ3XG+jlsRLyJivnbP0QmUBFhI+Oaz9FV0s7cxgXHezwOEBYA==",
"requires": {
"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": {
......@@ -8913,9 +8906,9 @@
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
},
"ssr-window": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-1.0.1.tgz",
"integrity": "sha512-dgFqB+f00LJTEgb6UXhx0h+SrG50LJvti2yMKMqAgzfUmUXZrLSv2fjULF7AWGwK25EXu8+smLR3jYsJQChPsg=="
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-2.0.0.tgz",
"integrity": "sha512-NXzN+/HPObKAx191H3zKlYomE5WrVIkoCB5IaSdvKokxTpjBdWfr0RaP+1Z5KOfDT0ZVz+2tdtiBkhsEQ9p+0A=="
},
"ssri": {
"version": "8.0.1",
......@@ -9203,9 +9196,13 @@
}
},
"swiper": {
"version": "3.4.2",
"resolved": "https://registry.npmjs.org/swiper/-/swiper-3.4.2.tgz",
"integrity": "sha1-Oda0ELGjmDPh9y07cpmd9fXjg5I="
"version": "5.4.5",
"resolved": "https://registry.npmjs.org/swiper/-/swiper-5.4.5.tgz",
"integrity": "sha512-7QjA0XpdOmiMoClfaZ2lYN6ICHcMm72LXiY+NF4fQLFidigameaofvpjEEiTQuw3xm5eksG5hzkaRsjQX57vtA==",
"requires": {
"dom7": "^2.1.5",
"ssr-window": "^2.0.0"
}
},
"tapable": {
"version": "1.1.3",
......@@ -9789,24 +9786,9 @@
"integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg=="
},
"vue-awesome-swiper": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/vue-awesome-swiper/-/vue-awesome-swiper-3.1.3.tgz",
"integrity": "sha512-E7suzkyApO8vNZbgdEnjSmnpsmQZyRvSVXJ7sey3XYwKPOkLhH3+GnHroBw+5PZIQXvWBwdCeQsPG1xQ1r1Rhg==",
"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"
}
}
}
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/vue-awesome-swiper/-/vue-awesome-swiper-4.1.1.tgz",
"integrity": "sha512-50um10t6N+lJaORkpwSi1wWuMmBI1sgFc9Znsi5oUykw2cO5DzLaBHcO2JNX21R+Ue4TGoIJDhhxjBHtkFrTEQ=="
},
"vue-client-only": {
"version": "2.0.0",
......
package.json
浏览文件 @ d43a33e2
......@@ -17,8 +17,8 @@
"nuxt": "^2.15.3",
"path": "^0.12.7",
"qs": "^6.10.1",
"swiper": "^3.4.2",
"vue-awesome-swiper": "^3.1.3"
"swiper": "^5.4.5",
"vue-awesome-swiper": "^4.1.1"
},
"devDependencies": {
"@nuxtjs/axios": "^5.13.1",
......
pages/index.vue
浏览文件 @ d43a33e2
......@@ -3,19 +3,19 @@
<!-- 轮播图 -->
<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 />
</div>
......@@ -45,6 +45,14 @@ export default {
},
data () {
return {
isScale: false
}
},
created() {
},
mounted() {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
}
}
}
......@@ -53,4 +61,28 @@ export default {
.container{
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>
plugins/vue-swiper.js
浏览文件 @ d43a33e2
import Vue from 'vue'
const VueAwesomeSwiper = require('vue-awesome-swiper/dist/ssr')
import 'swiper/dist/css/swiper.css'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/swiper.scss'
Vue.use(VueAwesomeSwiper)
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论