Commit 34505638 by zsh

update

parent ec2a67ab
<template> <template>
<div class="tab"> <div class="tab" :class="{ init: activeIndex === null }">
<div class="item" :class="{ active: activeIndex === 0 }" @click="grow"></div> <div class="item" :class="{ active: activeIndex === 0 }" @click="grow"></div>
<div class="item" :class="{ active: activeIndex === 1 }" @click="progress"></div> <div class="item" :class="{ active: activeIndex === 1 }" @click="progress"></div>
<div class="item" :class="{ active: activeIndex === 2 }" @click="safety"></div> <div class="item" :class="{ active: activeIndex === 2 }" @click="safety"></div>
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
mounted () { mounted () {
const { index = null } = this.$route.query const { index = null } = this.$route.query
this.activeIndex = Number(index) this.activeIndex = index === null ? null : Number(index)
}, },
methods: { methods: {
...@@ -46,6 +46,10 @@ export default { ...@@ -46,6 +46,10 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
&.init {
top: 45px;
}
.item { .item {
cursor: pointer; cursor: pointer;
width: 126px; width: 126px;
......
...@@ -37,9 +37,9 @@ ...@@ -37,9 +37,9 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<div class="carousel"> <div class="carousel">
<img src="../../static/images/progress/carousel.png" style="position: relative; top: -45px;" /> <!-- <img src="../../static/images/progress/carousel.png" style="position: relative; top: -45px;" /> -->
<!-- <div class="swiper-container swiper-container-horizontal"> <div class="swiper-container swiper-container-horizontal">
<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-3300px, 0px, 0px);"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<img src="../../static/images/progress/img1.png"> <img src="../../static/images/progress/img1.png">
</div> </div>
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
<img src="../../static/images/progress/img5.png"> <img src="../../static/images/progress/img5.png">
</div> </div>
</div> </div>
</div> --> </div>
</div> </div>
<!-- 视频 --> <!-- 视频 -->
...@@ -255,10 +255,7 @@ export default { ...@@ -255,10 +255,7 @@ export default {
if (this.teacherName === '陈涛') { if (this.teacherName === '陈涛') {
this.visible = true this.visible = true
} else { } else {
this.$alert('暂无数据', '提示', { this.$message('暂无数据')
confirmButtonText: '确定',
center: true
})
} }
} }
} }
...@@ -271,35 +268,6 @@ export default { ...@@ -271,35 +268,6 @@ export default {
left: 50% !important; left: 50% !important;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.carousel {
.swiper-container {
width: 100%;
height: 100%;
.swiper-slide {
width: 394px !important;
height: 210px;
background: rgba(0, 34, 36, 0.3);
border-radius: 10px;
overflow: hidden;
&.swiper-slide-prev, &.swiper-slide-next {
opacity: .5 !important;
}
&.swiper-slide-active {
z-index: 10;
opacity: 1 !important;
}
img {
display: block;
width: 100%;
height: 100%;
}
}
}
}
</style> </style>
<style lang="less" scoped> <style lang="less" scoped>
...@@ -414,7 +382,10 @@ export default { ...@@ -414,7 +382,10 @@ export default {
width: 1200px; width: 1200px;
.swiper-container { .swiper-container {
top: -42px;
left: -190px;
padding-bottom: 60px; padding-bottom: 60px;
transform: scale(.85);
} }
.swiper-slide { .swiper-slide {
......
<template> <template>
<div class="safety-page"> <div class="safety-page">
<page-back />
<div class="header"> <div class="header">
<div class="loge" @click="loge"></div> <div class="loge" @click="loge"></div>
......
...@@ -257,14 +257,16 @@ export default { ...@@ -257,14 +257,16 @@ export default {
position: absolute; position: absolute;
top: 111px; top: 111px;
left: 408px; left: 408px;
cursor: pointer;
} }
.left-bottom{ .left-bottom{
width: 96px; width: 96px;
height: 22px; height: 22px;
background: url('@{imagePath}btn.png') no-repeat; background: url('@{imagePath}btn.png') no-repeat;
position: absolute; position: absolute;
bottom: 271px; bottom: 262px;
left: 408px; left: 408px;
cursor: pointer;
} }
.research{ .research{
width: 828px; width: 828px;
...@@ -323,6 +325,7 @@ export default { ...@@ -323,6 +325,7 @@ export default {
position: absolute; position: absolute;
top: 110px; top: 110px;
left: 1798px; left: 1798px;
cursor: pointer;
} }
.right-bottom{ .right-bottom{
position: absolute; position: absolute;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment