chenming
/
516_gongyin
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Pārlūkot izejas kodu

资源上传到CDN，添加百度统计

master
wuwenjie pirms 5 gadiem
vecāks
517c3b8539
revīzija
de56ab16c5
3 mainītis faili ar 60 papildinājumiem un 43 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. +10
    -1
      public/index.html
  2. +11
    -27
      src/js/img.js
  3. +39
    -15
      src/views/Home.vue

+ 10
- 1
public/index.html Parādīt failu

@@ -5,7 +5,16 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>工银积存金</title>
<title>工银积存金</title>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?a5f7b1449c88e3f7635b875e0f5cba6e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<noscript>

+ 11
- 27
src/js/img.js Parādīt failu

@@ -1,4 +1,4 @@
var baseUrl="http://www.jiyou-tech.com/2020/516/images/"
var baseUrl="http://static.jiyou-tech.com/2020/516/images/"
var imgArray=[
{
name:'bg',
@@ -22,7 +22,7 @@ var imgArray=[
},
{
name:'page1Content',
url:'page1/txtContent.png?v=001'
url:'page1/txtContent.png?v=003'
},
{
name:'page1Txt1',
@@ -42,15 +42,15 @@ var imgArray=[
},
{
name:'page1Txt5',
url:'page1/txt5.png'
url:'page1/txt5.png?v=001'
},
{
name:'page1Txt6_1',
url:'page1/txt6_1.png'
url:'page1/txt6_1.png?v=001'
},
{
name:'page1Txt6_2',
url:'page1/txt6_2.png'
url:'page1/txt6_2.png?v=001'
},
{
name:'page1Head',
@@ -90,11 +90,11 @@ var imgArray=[
},
{
name:'page3Title',
url:'page3/title.png'
url:'page3/title.png?v=001'
},
{
name:'page3Pic',
url:'page3/pic.png'
url:'page3/pic.png?v=001'
},
{
name:'page4Title',
@@ -102,19 +102,7 @@ var imgArray=[
},
{
name:'page4Pic1',
url:'page4/pic1.jpg'
},
{
name:'page4Pic2',
url:'page4/pic2.jpg'
},
{
name:'page4Pic3',
url:'page4/pic3.jpg'
},
{
name:'page4Pic4',
url:'page4/pic4.jpg'
url:'page4/pic1.jpg?v=001'
},
{
name:'arrowLeft',
@@ -146,11 +134,7 @@ var imgArray=[
},
{
name:'page6Pic1',
url:'page6/pic1.jpg'
},
{
name:'page6Pic2',
url:'page6/pic2.jpg'
url:'page6/pic1.jpg?v=001'
},
{
name:'page6Txt',
@@ -158,11 +142,11 @@ var imgArray=[
},
{
name:'page7Title',
url:'page7/title.png'
url:'page7/title.png?v=001'
},
{
name:'page7Txt',
url:'page7/txt.png'
url:'page7/txt.png?v=001'
},
{
name:'page8Title',

+ 39
- 15
src/views/Home.vue Parādīt failu

@@ -34,10 +34,10 @@
<img class="page4Title" :src="imgData.page4Title" />
<div class="mySwiperBox">
<van-swipe class="my-swipe" :show-indicators='false' :loop="false" ref="swiper4" @change="changeSwiper">
<van-swipe-item v-for="item in 4" :key="item"><img :src="imgData['page4Pic'+item]" /></van-swipe-item>
<van-swipe-item v-for="item in 1" :key="item"><img :src="imgData['page4Pic'+item]" @click="palyVideo(1)"/></van-swipe-item>
</van-swipe>
<img class="arrow left" :src="imgData.arrowLeft" @click="prevSwiper('swiper4')" v-if="swiperIndex!=0"/>
<img class="arrow right" :src="imgData.arrowRight" @click="nextSwiper('swiper4')" v-if="swiperIndex!=3"/>
<!-- <img class="arrow left" :src="imgData.arrowLeft" @click="prevSwiper('swiper4')" v-if="swiperIndex!=0"/>
<img class="arrow right" :src="imgData.arrowRight" @click="nextSwiper('swiper4')" v-if="swiperIndex!=3"/> -->
</div>
</div>
<div class="page page5 fadein" v-if="page==5">
@@ -54,10 +54,10 @@
<img class="page6Title" :src="imgData.page6Title" />
<div class="mySwiperBox">
<van-swipe class="my-swipe" :show-indicators='false' :loop="false" ref="swiper6" @change="changeSwiper">
<van-swipe-item v-for="item in 2" :key="item"><img :src="imgData['page6Pic'+item]" /></van-swipe-item>
<van-swipe-item v-for="item in 1" :key="item"><img :src="imgData['page6Pic'+item]" @click="palyVideo(3)"/></van-swipe-item>
</van-swipe>
<img class="arrow left" :src="imgData.arrowLeft" @click="prevSwiper('swiper6')" v-if="swiperIndex!=0"/>
<img class="arrow right" :src="imgData.arrowRight" @click="nextSwiper('swiper6')" v-if="swiperIndex!=1"/>
<!-- <img class="arrow left" :src="imgData.arrowLeft" @click="prevSwiper('swiper6')" v-if="swiperIndex!=0"/>
<img class="arrow right" :src="imgData.arrowRight" @click="nextSwiper('swiper6')" v-if="swiperIndex!=1"/> -->
</div>
<img class="page6Txt" :src="imgData.page6Txt" />
</div>
@@ -79,6 +79,7 @@
<img class="btn" :class="popBtnCloseStyle(item)" :src="imgData.popBtnClose" @click="hiddenPop" />
</div>
</div>
<video ref='showVideo' class="showVideo" :src="videoUrl"></video>
</div>
</template>
@@ -96,12 +97,28 @@
oldPageY: 0,
showHead:true,
swiperIndex:0,
video:null,
videoUrl:''
}
},
mounted() {
this.imgData = images.onLoad();
this.video=this.$refs.showVideo;
var that=this;
this.video.addEventListener('pause',function(){
that.video.style.display='none';
})
var video1=document.createElement('video');
var video3=document.createElement('video');
video1.src='http://static.jiyou-tech.com/2020/516/video/video1.mp4';
video3.src='http://static.jiyou-tech.com/2020/516/video/video3.mp4';
},
methods: {
palyVideo(code){
this.video.src='http://static.jiyou-tech.com/2020/516/video/video'+code+'.mp4';
this.video.play();
this.video.style.display='block';
},
popBtnCloseStyle(code) {
if (code == 2) {
return 'close2'
@@ -255,27 +272,27 @@
}
.page1Txt3 {
bottom: 13vw;
bottom: 12.5vw;
left: 28vw;
}
.page1Txt4 {
bottom: 13vw;
bottom: 12.5vw;
left: 40vw;
}
.page1Txt5 {
bottom: 13vw;
bottom: 12.5vw;
left: 52vw;
}
.page1Txt6_1 {
bottom: 13vw;
left: 60vw;
bottom: 12.5vw;
left: 64vw;
}
.page1Txt6_2 {
bottom: 6.2vw;
bottom: 6.3vw;
left: 0;
}
@@ -456,14 +473,14 @@
width: calc(330/750*100vw);
height: auto;
left: 25vw;
top: 21vw;
top: 27vw;
}
.page7Txt{
position: absolute;
width: calc(601/750*100vw);
height: auto;
top: 33vw;
left: 6.3vw;
top: 40vw;
left: 7.3vw;
animation-delay: .3s;
-webkit-animation-delay: .3s;
}
@@ -537,5 +554,12 @@
}
}
}
.showVideo{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
display: none;
}
}
</style>

Rakstīt Priekšskatītījums
Notiek ielāde…
Atcelt
Saglabāt