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