@ -1,10 +1,10 @@ |
|||
VUE_APP_MODE=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_API_URL=http://10.119.190.12:8000/v1.0 |
|||
VUE_APP_PROXY_URL=/v1.0 |
|||
VUE_APP_PUBLIC_PATH= |
|||
VUE_APP_MSG_URL=wss://192.168.101.69:8000/websocket/message/v4.0/ws |
|||
VUE_APP_PUBLIC_PATH=/v1.0/datang |
|||
VUE_APP_MSG_URL=wss://10.119.190.12:8000/websocket/message/v4.0/ws |
|||
VUE_APP_TITLE=大唐 |
|||
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); |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
}) |
|||