优化移动端登录样式按钮样式问题
parent
123127d977
commit
4ca71d0987
|
@ -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);
|
||||
|
|
|
@ -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 {
|
|||
|
||||
//微信小程序进入页面,先获取code,否则几率出现code和后续交互数据不对应情况
|
||||
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>
|
||||
|
|
Loading…
Reference in New Issue