master
lion 2 years ago
parent e9b472cf1c
commit aa48abc6ac

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

@ -73,7 +73,7 @@
return { return {
navBarTop: 0, navBarTop: 0,
listLine: [], listLine: [],
colorList: ['#dbd0ba','#960909'], colorList: ['#dbd0ba','#666d95','#82818e','#6d7c4c'],
} }
}, },

Loading…
Cancel
Save