优化移动端登录样式按钮样式问题

master
lemon橪 2021-08-04 18:14:31 +08:00
parent 123127d977
commit 4ca71d0987
2 changed files with 27 additions and 6 deletions

View File

@ -597,7 +597,7 @@ export default {
/**
* 加载热门搜索
* 1.30分钟之后更新缓存
* 1.5分钟之后更新缓存
* 2.如果有缓存热门关键字则去请求缓存
*/
async loadHotKeyword() {
@ -615,7 +615,7 @@ export default {
});
let hotData = {
time: new Date().getTime() / 1000 + 30 * 60,
time: new Date().getTime() / 1000 + 30 * 5,
keywords: keywords,
};
storage.setHotWords(hotData);

View File

@ -19,7 +19,7 @@
<view>您的公开信息昵称头像</view>
</view>
<view class="btns">
<button type="primary" bindtap="getUserProfile" @click="getUserProfile()" class="btn-auth">确认微信授权</button>
<button type="primary" bindtap="getUserProfile" @click="getUserProfile()" class="btn-auth">使用微信授权</button>
</view>
</div>
</view>
@ -50,7 +50,6 @@ export default {
//codecode
mounted() {
//
uni.showShareMenu({ withShareTicket: true });
@ -73,7 +72,7 @@ export default {
*/
back() {
whetherNavigate('wx');
whetherNavigate("wx");
},
//
getUserProfile(e) {
@ -231,8 +230,15 @@ text.shop {
.btn-auth {
width: 92%;
margin: 0 auto 100rpx;
border-radius: 100px;
animation: mymove 5s infinite;
-webkit-animation: mymove 5s infinite; /*Safari and Chrome*/
animation-direction: alternate; /*轮流反向播放动画。*/
animation-timing-function: ease-in-out; /*动画的速度曲线*/
/* Safari 和 Chrome */
-webkit-animation: mymove 5s infinite;
-webkit-animation-direction: alternate; /*轮流反向播放动画。*/
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
.btns {
@ -241,4 +247,19 @@ text.shop {
width: 100%;
justify-content: center;
}
@keyframes mymove {
0% {
transform: scale(1); /*开始为原始大小*/
}
25% {
transform: scale(1.1); /*放大1.1倍*/
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.1);
}
}
</style>