parent
2bc641f0b6
commit
ec0870c207
@ -1,39 +0,0 @@
|
|||||||
//login.js
|
|
||||||
//获取应用实例
|
|
||||||
var app = getApp();
|
|
||||||
Page({
|
|
||||||
data: {
|
|
||||||
remind: '加载中',
|
|
||||||
angle: 0,
|
|
||||||
userInfo: {}
|
|
||||||
},
|
|
||||||
goToIndex:function(){
|
|
||||||
wx.switchTab({
|
|
||||||
url: '/pages/index/index',
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onLoad:function(){
|
|
||||||
|
|
||||||
},
|
|
||||||
onShow:function(){
|
|
||||||
|
|
||||||
},
|
|
||||||
onReady: function(){
|
|
||||||
var that = this;
|
|
||||||
setTimeout(function(){
|
|
||||||
that.setData({
|
|
||||||
remind: ''
|
|
||||||
});
|
|
||||||
}, 1000);
|
|
||||||
wx.onAccelerometerChange(function(res) {
|
|
||||||
var angle = -(res.x*30).toFixed(1);
|
|
||||||
if(angle>14){ angle=14; }
|
|
||||||
else if(angle<-14){ angle=-14; }
|
|
||||||
if(that.data.angle !== angle){
|
|
||||||
that.setData({
|
|
||||||
angle: angle
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
{
|
|
||||||
"navigationBarTitleText": " ",
|
|
||||||
"enablePullDownRefresh": false,
|
|
||||||
"disableScroll": true
|
|
||||||
}
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
<!--start.wxml-->
|
|
||||||
<view class="container">
|
|
||||||
<view class="remind-box" wx:if="{{remind}}">
|
|
||||||
<image class="remind-img" src="/static/images/more/loading.gif"></image>
|
|
||||||
</view>
|
|
||||||
<block wx:else>
|
|
||||||
<image class="title" src="/static/images/more/title8.png"></image>
|
|
||||||
<view class="content">
|
|
||||||
<view class="hd" style="transform:rotateZ({{angle}}deg);">
|
|
||||||
<!-- <image class="logo" src="{{userInfo.avatarUrl}}"></image> -->
|
|
||||||
<image class="wave" src="/static/images/more/wave.png" mode="aspectFill"></image>
|
|
||||||
<image class="wave wave-bg" src="/static/images/more/wave.png" mode="aspectFill"></image>
|
|
||||||
</view>
|
|
||||||
<view class="bd">
|
|
||||||
<image class="smalltitle" src="/static/images/more/confirm-word1.png"></image>
|
|
||||||
<view class="confirm-btn" bindtap='goToIndex'>
|
|
||||||
<button open-type="getUserInfo">授权进入</button>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</block>
|
|
||||||
</view>
|
|
||||||
@ -1,179 +0,0 @@
|
|||||||
/**start.wxss**/
|
|
||||||
page{
|
|
||||||
font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
|
|
||||||
font-size: 10pt;
|
|
||||||
line-height: 150%;
|
|
||||||
min-height: 100%;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: stretch;
|
|
||||||
}
|
|
||||||
.container {
|
|
||||||
position: relative;
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
background: #69C3AA;
|
|
||||||
align-items: stretch;
|
|
||||||
padding: 0;
|
|
||||||
height: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
justify-content: space-between;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.content{
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
position: relative;
|
|
||||||
z-index: 10;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: stretch;
|
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
padding-bottom: 450rpx;
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(244,244,244,0)), color-stop(0.1, #f4f4f4), to(#f4f4f4));
|
|
||||||
opacity: 0;
|
|
||||||
transform: translate3d(0,100%,0);
|
|
||||||
animation: rise 3s cubic-bezier(0.19, 1, 0.22, 1) .25s forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
.remind-box {
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding-bottom: 300rpx;
|
|
||||||
}
|
|
||||||
.remind-img {
|
|
||||||
width: 250rpx;
|
|
||||||
height: 250rpx;
|
|
||||||
padding-bottom: 25rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes rise{
|
|
||||||
0% {opacity: 0;transform: translate3d(0,100%,0);}
|
|
||||||
50% {opacity: 1;}
|
|
||||||
100% {opacity: 1;transform: translate3d(0,450rpx,0);}
|
|
||||||
}
|
|
||||||
.title{
|
|
||||||
position: absolute;
|
|
||||||
top: 30rpx;
|
|
||||||
left: 50%;
|
|
||||||
width: 600rpx;
|
|
||||||
height: 200rpx;
|
|
||||||
margin-left: -300rpx;
|
|
||||||
opacity: 0;
|
|
||||||
animation: show 2.5s cubic-bezier(0.19, 1, 0.22, 1) .5s forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
.smalltitle{
|
|
||||||
position: absolute;
|
|
||||||
top: 50rpx;
|
|
||||||
left: 50%;
|
|
||||||
width: 600rpx;
|
|
||||||
height: 200rpx;
|
|
||||||
margin-left: -300rpx;
|
|
||||||
opacity: 0;
|
|
||||||
animation: show 2.5s cubic-bezier(0.19, 1, 0.22, 1) .5s forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes show{
|
|
||||||
0% {opacity: 0;}
|
|
||||||
100% {opacity: .95;}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hd {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
width: 1000rpx;
|
|
||||||
margin-left: -500rpx;
|
|
||||||
height: 200rpx;
|
|
||||||
transition: all .35s ease;
|
|
||||||
}
|
|
||||||
.logo {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 2;
|
|
||||||
left: 50%;
|
|
||||||
bottom: 200rpx;
|
|
||||||
width: 160rpx;
|
|
||||||
height: 160rpx;
|
|
||||||
margin-left: -80rpx;
|
|
||||||
border-radius: 160rpx;
|
|
||||||
animation: sway 10s ease-in-out infinite;
|
|
||||||
opacity: .95;
|
|
||||||
}
|
|
||||||
@keyframes sway{
|
|
||||||
0% {transform: translate3d(0,20rpx,0) rotate(-15deg); }
|
|
||||||
17% {transform: translate3d(0,0rpx,0) rotate(25deg); }
|
|
||||||
34% {transform: translate3d(0,-20rpx,0) rotate(-20deg); }
|
|
||||||
50% {transform: translate3d(0,-10rpx,0) rotate(15deg); }
|
|
||||||
67% {transform: translate3d(0,10rpx,0) rotate(-25deg); }
|
|
||||||
84% {transform: translate3d(0,15rpx,0) rotate(15deg); }
|
|
||||||
100% {transform: translate3d(0,20rpx,0) rotate(-15deg); }
|
|
||||||
}
|
|
||||||
.wave {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 3;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
opacity: 0.725;
|
|
||||||
height: 260rpx;
|
|
||||||
width: 2250rpx;
|
|
||||||
animation: wave 10s linear infinite;
|
|
||||||
}
|
|
||||||
.wave-bg {
|
|
||||||
z-index: 1;
|
|
||||||
animation: wave-bg 10.25s linear infinite;
|
|
||||||
}
|
|
||||||
@keyframes wave{
|
|
||||||
from {transform: translate3d(125rpx,0,0);}
|
|
||||||
to {transform: translate3d(1125rpx,0,0);}
|
|
||||||
}
|
|
||||||
@keyframes wave-bg{
|
|
||||||
from {transform: translate3d(375rpx,0,0);}
|
|
||||||
to {transform: translate3d(1375rpx,0,0);}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bd {
|
|
||||||
position: relative;
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: stretch;
|
|
||||||
animation: bd-rise 2s cubic-bezier(0.23,1,0.32,1) .75s forwards;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
@keyframes bd-rise{
|
|
||||||
from {opacity: 0; transform: translate3d(0,60rpx,0); }
|
|
||||||
to {opacity: 1; transform: translate3d(0,0,0); }
|
|
||||||
}
|
|
||||||
|
|
||||||
.confirm-btn {
|
|
||||||
font-size: 13pt;
|
|
||||||
line-height: 85rpx;
|
|
||||||
height: 85rpx;
|
|
||||||
background: #69C3AA;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 100rpx;
|
|
||||||
margin: 40% 20%;
|
|
||||||
}
|
|
||||||
.confirm-btn:active {
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.copyright {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #999;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
padding: 30rpx;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue