修复动画不兼容老旧设备的bug
This commit is contained in:
parent
694cad2ed8
commit
be9991340b
@ -7,7 +7,7 @@
|
||||
:class="!ApproveList.length > 0 ? 'home_header_no_data' : ''"
|
||||
>
|
||||
<view style="position: absolute;bottom: 0;left: 0;overflow: hidden;border-radius: 0 0 30rpx 30rpx;">
|
||||
<hx-lottie :options="options" ref="lottie" style="width: 100vw;height: 400rpx;transform: scale(1.2);"/>
|
||||
<hx-lottie :options="options" ref="lottie" style="width: 100vw;height: 400rpx;transform: scale(1.2);background-color: #033d94;"/>
|
||||
</view>
|
||||
<!-- #ifdef APP-PLUS||H5 -->
|
||||
<view style="height: var(--status-bar-height)"></view>
|
||||
|
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="login">
|
||||
<!-- <image class="bg-iamge" src="../../static/img/login/login_back_img.png"></image> -->
|
||||
<hx-lottie :options="options" ref="lottie" style="width: 100vw;height: 100vh;transform: scale(1.1)"/>
|
||||
<hx-lottie :options="options" ref="lottie" style="width: 100vw;height: 100vh;transform: scale(1.3);background-color: #033d94;"/>
|
||||
<!-- #ifdef APP-PLUS||H5 -->
|
||||
<!-- <view style="height: var(--status-bar-height)"></view> -->
|
||||
<!-- #endif -->
|
||||
@ -75,6 +75,18 @@
|
||||
onLoad() {
|
||||
this.options.data = bj;
|
||||
// this.$refs.lottie.call('play');
|
||||
uni.getSystemInfo({
|
||||
success: function (res) {
|
||||
// 获取屏幕宽度
|
||||
var screenWidth = res.windowWidth;
|
||||
// 获取屏幕高度
|
||||
var screenHeight = res.windowHeight;
|
||||
// 计算屏幕比例
|
||||
var screenRatio = screenWidth / screenHeight;
|
||||
|
||||
console.log("屏幕比例:" + screenRatio);
|
||||
}
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
changeTabs(e) {
|
||||
@ -214,7 +226,7 @@
|
||||
|
||||
.body {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
display: flex;
|
||||
|
@ -3,7 +3,7 @@
|
||||
<view class="head_box" style="position: relative;">
|
||||
<!-- <image class="head_img" src="../../static/img/home/head-bg.png"></image> -->
|
||||
<view style="position: absolute;bottom: 0;left: 0;overflow: hidden;border-radius: 0 0 30rpx 30rpx;">
|
||||
<hx-lottie :options="options" ref="lottie" style="width: 100vw;height: 400rpx;transform: scale(1.2);"/>
|
||||
<hx-lottie :options="options" ref="lottie" style="width: 100vw;height: 400rpx;transform: scale(1.2);background-color: #033d94;"/>
|
||||
</view>
|
||||
<!-- #ifdef APP-PLUS||H5 -->
|
||||
<view style="height: var(--status-bar-height);"></view>
|
||||
|
Loading…
x
Reference in New Issue
Block a user