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

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.如果有缓存热门关键字则去请求缓存 * 2.如果有缓存热门关键字则去请求缓存
*/ */
async loadHotKeyword() { async loadHotKeyword() {
@ -615,7 +615,7 @@ export default {
}); });
let hotData = { let hotData = {
time: new Date().getTime() / 1000 + 30 * 60, time: new Date().getTime() / 1000 + 30 * 5,
keywords: keywords, keywords: keywords,
}; };
storage.setHotWords(hotData); storage.setHotWords(hotData);

View File

@ -19,7 +19,7 @@
<view>您的公开信息昵称头像</view> <view>您的公开信息昵称头像</view>
</view> </view>
<view class="btns"> <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> </view>
</div> </div>
</view> </view>
@ -50,7 +50,6 @@ export default {
//codecode //codecode
mounted() { mounted() {
// //
uni.showShareMenu({ withShareTicket: true }); uni.showShareMenu({ withShareTicket: true });
@ -73,7 +72,7 @@ export default {
*/ */
back() { back() {
whetherNavigate('wx'); whetherNavigate("wx");
}, },
// //
getUserProfile(e) { getUserProfile(e) {
@ -231,8 +230,15 @@ text.shop {
.btn-auth { .btn-auth {
width: 92%; width: 92%;
margin: 0 auto 100rpx; margin: 0 auto 100rpx;
border-radius: 100px; 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 { .btns {
@ -241,4 +247,19 @@ text.shop {
width: 100%; width: 100%;
justify-content: center; 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> </style>