|
|
|
|
@ -5,10 +5,14 @@
|
|
|
|
|
<image class="container-bg" :src="require('@/static/index-bg.png')"></image>
|
|
|
|
|
<view class="animations" ref="apiAnimateDemo">
|
|
|
|
|
<view v-for="(item,index) in animations">
|
|
|
|
|
<gal-css-animate v-if="item.show" :animateName="item.name" :style="{'top':item.class=='logo1'?navBarBoxHeight+'px':''}" :class='item.class' :duration="item.duration"
|
|
|
|
|
<!-- <gal-css-animate v-if="item.show" :animateName="item.name" :style="{'top':item.class=='logo1'?navBarBoxHeight+'px':''}" :class='item.class' :duration="item.duration"
|
|
|
|
|
:autoPlay="item.autoplay" timingFunction="ease-in">
|
|
|
|
|
<image :src="item.content" :style="{'width':item.width,'height':item.height}"></image>
|
|
|
|
|
</gal-css-animate>
|
|
|
|
|
</gal-css-animate> -->
|
|
|
|
|
<view :animateName="item.name" :style="{'top':item.class=='logo1'?navBarBoxHeight+'px':''}" :class='item.class' :duration="item.duration"
|
|
|
|
|
:autoPlay="item.autoplay" timingFunction="ease-in">
|
|
|
|
|
<image :src="item.content" :style="{'width':item.width,'height':item.height}"></image>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
@ -19,11 +23,13 @@
|
|
|
|
|
<view class="progress-bar" :style="{'width':progressPercentage+'%'}"></view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view @click="toHome">
|
|
|
|
|
<gal-css-animate v-if="showBtn" :animateName="'wobble'" class="title-btn" :duration="'1s'"
|
|
|
|
|
<view @click="toHome">
|
|
|
|
|
<image v-if="showBtn" style="width: 322rpx;height: 211rpx;margin-top:70rpx" :src="require('@/static/index-btn.png')"></image>
|
|
|
|
|
|
|
|
|
|
<!-- <gal-css-animate v-if="showBtn" :animateName="'wobble'" class="title-btn" :duration="'1s'"
|
|
|
|
|
timingFunction="ease-in">
|
|
|
|
|
<image style="width: 322rpx;height: 211rpx;margin-top:70rpx" :src="require('@/static/index-btn.png')"></image>
|
|
|
|
|
</gal-css-animate>
|
|
|
|
|
</gal-css-animate> -->
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -52,7 +58,8 @@
|
|
|
|
|
isShare: false,
|
|
|
|
|
showBtn:false,
|
|
|
|
|
navBarBoxHeight:0,
|
|
|
|
|
animations: [{
|
|
|
|
|
animations: [
|
|
|
|
|
{
|
|
|
|
|
name: 'flipInX',
|
|
|
|
|
duration: '2s',
|
|
|
|
|
timer: 1500,
|
|
|
|
|
@ -62,18 +69,7 @@
|
|
|
|
|
show: false,
|
|
|
|
|
width: '745rpx',
|
|
|
|
|
height: '857rpx'
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// name: 'fadeIn',
|
|
|
|
|
// duration: '1s',
|
|
|
|
|
// timer: 1000,
|
|
|
|
|
// content: require('../../static/index-icon.png'),
|
|
|
|
|
// autoplay: false,
|
|
|
|
|
// class: 'logo1',
|
|
|
|
|
// show: false,
|
|
|
|
|
// width: '58rpx',
|
|
|
|
|
// height: '86rpx'
|
|
|
|
|
// },
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: 'zoomIn',
|
|
|
|
|
duration: '1s',
|
|
|
|
|
@ -90,7 +86,7 @@
|
|
|
|
|
},
|
|
|
|
|
async onLoad() {
|
|
|
|
|
// await this.$onLaunched;
|
|
|
|
|
this.play(0)
|
|
|
|
|
// this.play(0)
|
|
|
|
|
this.start();
|
|
|
|
|
const MenuButton = uni.getMenuButtonBoundingClientRect()
|
|
|
|
|
this.navBarBoxHeight = MenuButton.top + MenuButton.height + 10
|
|
|
|
|
|