@ -1,10 +1,10 @@ |
|||||
VUE_APP_MODE=production |
VUE_APP_MODE=production |
||||
VUE_APP_NODE_ENV=production |
VUE_APP_NODE_ENV=production |
||||
VUE_APP_SCENE=/ |
VUE_APP_SCENE=/v1.0/datang/ |
||||
VUE_APP_BASE_URL=http://10.119.190.12:8000 |
VUE_APP_BASE_URL=http://10.119.190.12:8000 |
||||
VUE_APP_API_URL=http://10.119.190.12:8000/v1.0 |
VUE_APP_API_URL=http://10.119.190.12:8000/v1.0 |
||||
VUE_APP_PROXY_URL=/v1.0 |
VUE_APP_PROXY_URL=/v1.0 |
||||
VUE_APP_PUBLIC_PATH= |
VUE_APP_PUBLIC_PATH=/v1.0/datang |
||||
VUE_APP_MSG_URL=wss://192.168.101.69:8000/websocket/message/v4.0/ws |
VUE_APP_MSG_URL=wss://10.119.190.12:8000/websocket/message/v4.0/ws |
||||
VUE_APP_TITLE=大唐 |
VUE_APP_TITLE=大唐 |
||||
VUE_APP_DESCRIPTION=大唐 |
VUE_APP_DESCRIPTION=大唐 |
||||
|
Before Width: | Height: | Size: 61 KiB |
Before Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 80 KiB |
Before Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 4.0 MiB |
Before Width: | Height: | Size: 125 KiB |
Before Width: | Height: | Size: 686 KiB |
Before Width: | Height: | Size: 79 KiB |
Before Width: | Height: | Size: 109 KiB |
Before Width: | Height: | Size: 240 KiB |
Before Width: | Height: | Size: 100 KiB |
Before Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 548 KiB |
Before Width: | Height: | Size: 103 KiB |
Before Width: | Height: | Size: 2.7 MiB |
Before Width: | Height: | Size: 448 KiB |
Before Width: | Height: | Size: 450 KiB |
Before Width: | Height: | Size: 552 KiB |
Before Width: | Height: | Size: 6.5 MiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 103 KiB |
Before Width: | Height: | Size: 489 KiB |
Before Width: | Height: | Size: 543 KiB |
Before Width: | Height: | Size: 510 KiB |
@ -1,100 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 中间图片轮播 企业风采--> |
|
||||
<div class="bg-white "> |
|
||||
<div class="width-full bg-white pt40"> |
|
||||
<div class="wd1200 mauto bg-firm"> |
|
||||
<!-- <img src="assets/banner.png" style="width:100%"> --> |
|
||||
<div id="certify" style="padding-bottom: 20px; overflow: hidden;"> |
|
||||
<div class="swiper-container5 pt20 pb15 swiper-container-initialized swiper-container-horizontal"> |
|
||||
<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-2780px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="2" style="transform: translateX(3900px) scale(-0.2); z-index: 939; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./202002aq6kc8k.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 严防严控 全员战“疫</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="transform: translateX(2860px) scale(0); z-index: 949; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./30142600bbxr.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 在春天起航 用奋斗歌唱</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" style="transform: translateX(1976px) scale(0.2); z-index: 959; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./30110311ncrr.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 企业开放日树品牌展形象</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="transform: translateX(1248px) scale(0.4); z-index: 969; opacity: 1; transition-duration: 0ms;"> |
|
||||
<img src="./30104718wqlk.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 二次创业 做强做优 开启高质量发展新征程</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="6" style="transform: translateX(676px) scale(0.6); z-index: 979; opacity: 1; transition-duration: 0ms;"> |
|
||||
<img src="./301132181o9v.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 同心攻坚 砥砺奋进 确保“十四五”开好局 起好步</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0" style="transform: translateX(260px) scale(0.8); z-index: 989; opacity: 1; transition-duration: 0ms;"> |
|
||||
<img src="./202002v3v5yd6.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 防控疫情 确保电力可靠供应</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="transform: translateX(0px) scale(1); z-index: 999; opacity: 1; transition-duration: 0ms;"> |
|
||||
<img src="./202002b3uj26g.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 党旗在防控疫情斗争第一线飘扬</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="2" style="transform: translateX(-260px) scale(0.8); z-index: 989; opacity: 1; transition-duration: 0ms;"> |
|
||||
<img src="./202002aq6kc8k.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 严防严控 全员战“疫</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide" data-swiper-slide-index="3" style="transform: translateX(-676px) scale(0.6); z-index: 979; opacity: 1; transition-duration: 0ms;"> |
|
||||
<img src="./30142600bbxr.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 在春天起航 用奋斗歌唱</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide" data-swiper-slide-index="4" style="transform: translateX(-1248px) scale(0.4); z-index: 969; opacity: 1; transition-duration: 0ms;"> |
|
||||
<img src="./30110311ncrr.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 企业开放日树品牌展形象</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide" data-swiper-slide-index="5" style="transform: translateX(-1976px) scale(0.2); z-index: 959; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./30104718wqlk.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 二次创业 做强做优 开启高质量发展新征程</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide" data-swiper-slide-index="6" style="transform: translateX(-2860px) scale(0); z-index: 949; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./301132181o9v.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 同心攻坚 砥砺奋进 确保“十四五”开好局 起好步</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="0" style="transform: translateX(-3900px) scale(-0.2); z-index: 939; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./202002v3v5yd6.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 防控疫情 确保电力可靠供应</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" style="transform: translateX(-5096px) scale(-0.4); z-index: 929; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./202002b3uj26g.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 党旗在防控疫情斗争第一线飘扬</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="2" style="transform: translateX(-6448px) scale(-0.6); z-index: 919; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./202002aq6kc8k.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 严防严控 全员战“疫</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="transform: translateX(-7956px) scale(-0.8); z-index: 909; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./30142600bbxr.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 在春天起航 用奋斗歌唱</p> |
|
||||
</div> |
|
||||
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" style="transform: translateX(-9620px) scale(-1); z-index: 899; opacity: 0; transition-duration: 0ms;"> |
|
||||
<img src="./30110311ncrr.jpg" class="width-full bdr5" style="height:100%;object-fit: cover;"> |
|
||||
<p class="width-full"><span class="span-colour"></span> 企业开放日树品牌展形象</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="swiper-button-prev swiper-button-black" slot="button-prev" style="left: 8px;position: absolute;" tabindex="0" role="button" aria-label="Previous slide"></div> |
|
||||
<div class="swiper-button-next swiper-button-black" slot="button-next" tabindex="0" role="button" aria-label="Next slide"></div> |
|
||||
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
// import './jquery.js' |
|
||||
import './index.js' |
|
||||
import './swiper.js' |
|
||||
export default{ |
|
||||
|
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
@import './swiper.css'; |
|
||||
@import './certify.css'; |
|
||||
</style> |
|
@ -1,82 +0,0 @@ |
|||||
@charset "utf-8"; |
|
||||
/* CSS Document */ |
|
||||
|
|
||||
#certify { |
|
||||
position: relative; |
|
||||
width: 1200px; |
|
||||
margin: 0 auto |
|
||||
} |
|
||||
|
|
||||
#certify .swiper-container { |
|
||||
padding-bottom: 60px; |
|
||||
} |
|
||||
|
|
||||
#certify .swiper-slide { |
|
||||
width: 520px; |
|
||||
height: 340px; |
|
||||
/*background: #fff;*/ |
|
||||
/*box-shadow: 0 8px 30px #ddd;*/ |
|
||||
} |
|
||||
#certify .swiper-slide img{ |
|
||||
display:block; |
|
||||
} |
|
||||
#certify .swiper-slide p { |
|
||||
padding-top: 0; |
|
||||
text-align: center; |
|
||||
color: #636363; |
|
||||
font-size: 1.1em; |
|
||||
margin: -36px 0; |
|
||||
background: #a90500; |
|
||||
z-index: 1000; |
|
||||
height: 36px; |
|
||||
position: absolute; |
|
||||
overflow: hidden; |
|
||||
line-height: 36px; |
|
||||
color: #fff; |
|
||||
} |
|
||||
#certify .swiper-pagination { |
|
||||
width: 100%; |
|
||||
bottom: 20px; |
|
||||
} |
|
||||
|
|
||||
#certify .swiper-pagination-bullets .swiper-pagination-bullet { |
|
||||
margin: 0 5px; |
|
||||
border: 3px solid #fff; |
|
||||
background-color: #d5d5d5; |
|
||||
width: 10px; |
|
||||
height: 10px; |
|
||||
opacity: 1; |
|
||||
} |
|
||||
|
|
||||
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { |
|
||||
border: 3px solid #00aadc; |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
|
|
||||
#certify .swiper-button-prev { |
|
||||
left: -30px; |
|
||||
width: 25px; |
|
||||
height: 47px; |
|
||||
background: url(/r/cms/www/default/images/_left@2x.png) no-repeat; |
|
||||
background-position: 0 0; |
|
||||
background-size: 100%; |
|
||||
} |
|
||||
|
|
||||
/*#certify .swiper-button-prev:hover {*/ |
|
||||
/*background-position: 0 -46px;*/ |
|
||||
/*background-size: 100%*/ |
|
||||
/*}*/ |
|
||||
|
|
||||
#certify .swiper-button-next { |
|
||||
right: 9px; |
|
||||
width: 25px; |
|
||||
height: 47px; |
|
||||
background: url(/r/cms/www/default/images/_right@2x.png); |
|
||||
background-position: 0 -93px; |
|
||||
background-size: 100%; |
|
||||
} |
|
||||
|
|
||||
/*#certify .swiper-button-next:hover {*/ |
|
||||
/*background-position: 0 -139px;*/ |
|
||||
/*background-size: 100%*/ |
|
||||
/*}*/ |
|
@ -1,5 +0,0 @@ |
|||||
[LocalizedFileNames] |
|
||||
jquery.js=@jquery.js,0 |
|
||||
swiper.js=@swiper.js,0 |
|
||||
swiper.css=@swiper.css,0 |
|
||||
certify.css=@certify.css,0 |
|
@ -1,92 +0,0 @@ |
|||||
|
|
||||
new Swiper ('.swiper-container', { |
|
||||
loop: true, // 循环模式选项
|
|
||||
autoplay: true, |
|
||||
speed: 1000, |
|
||||
// 如果需要分页器
|
|
||||
pagination: { |
|
||||
el: '.swiper-pagination', |
|
||||
}, |
|
||||
|
|
||||
// 如果需要前进后退按钮
|
|
||||
navigation: { |
|
||||
nextEl: '.swiper-button-next', |
|
||||
prevEl: '.swiper-button-prev', |
|
||||
}, |
|
||||
|
|
||||
// 如果需要滚动条
|
|
||||
scrollbar: { |
|
||||
el: '.swiper-scrollbar', |
|
||||
}, |
|
||||
}) |
|
||||
|
|
||||
|
|
||||
new Swiper ('.swiper-container1', { |
|
||||
loop: true, |
|
||||
autoplay: true, |
|
||||
speed: 800, |
|
||||
direction: 'horizontal', |
|
||||
on: { |
|
||||
slideChangeTransitionEnd: function () { |
|
||||
} |
|
||||
}, |
|
||||
navigation: { |
|
||||
nextEl: '.swiper-button-next', |
|
||||
prevEl: '.swiper-button-prev' |
|
||||
}, |
|
||||
pagination: { |
|
||||
el: '.swiper-pagination', |
|
||||
clickable: true |
|
||||
}, |
|
||||
slidesPerView: 3, |
|
||||
spaceBetween: 30, |
|
||||
effect: 'coverflow', |
|
||||
centeredSlides: true |
|
||||
}) |
|
||||
|
|
||||
|
|
||||
new Swiper('#certify .swiper-container5', { |
|
||||
watchSlidesProgress: true, |
|
||||
slidesPerView: 'auto', |
|
||||
centeredSlides: true, |
|
||||
loop: true, |
|
||||
loopedSlides: 5, |
|
||||
autoplay: true, |
|
||||
navigation: { |
|
||||
nextEl: '.swiper-button-next', |
|
||||
prevEl: '.swiper-button-prev', |
|
||||
}, |
|
||||
pagination: { |
|
||||
el: '.swiper-pagination', |
|
||||
//clickable :true,
|
|
||||
}, |
|
||||
on: { |
|
||||
progress: function(progress) { |
|
||||
for (i = 0; i < this.slides.length; i++) { |
|
||||
var slide = this.slides.eq(i); |
|
||||
var slideProgress = this.slides[i].progress; |
|
||||
modify = 1; |
|
||||
if (Math.abs(slideProgress) > 1) { |
|
||||
modify = (Math.abs(slideProgress) - 1) * 0.3 + 1; |
|
||||
} |
|
||||
translate = slideProgress * modify * 260 + 'px'; |
|
||||
scale = 1 - Math.abs(slideProgress) / 5; |
|
||||
zIndex = 999 - Math.abs(Math.round(10 * slideProgress)); |
|
||||
slide.transform('translateX(' + translate + ') scale(' + scale + ')'); |
|
||||
slide.css('zIndex', zIndex); |
|
||||
slide.css('opacity', 1); |
|
||||
if (Math.abs(slideProgress) > 3) { |
|
||||
slide.css('opacity', 0); |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
setTransition: function(transition) { |
|
||||
for (var i = 0; i < this.slides.length; i++) { |
|
||||
var slide = this.slides.eq(i) |
|
||||
slide.transition(transition); |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
|
|
||||
}) |
|