|
@@ -1,4 +1,5 @@
|
|
<template>
|
|
<template>
|
|
|
|
+ 111
|
|
<view class="login-container">
|
|
<view class="login-container">
|
|
<view class="login-box">
|
|
<view class="login-box">
|
|
<!-- Logo区域 -->
|
|
<!-- Logo区域 -->
|
|
@@ -60,7 +61,7 @@ export default {
|
|
this.isAgreed = e.detail.value.length > 0
|
|
this.isAgreed = e.detail.value.length > 0
|
|
},
|
|
},
|
|
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
|
|
// 微信登录
|
|
// 微信登录
|
|
async handleWechatLogin() {
|
|
async handleWechatLogin() {
|
|
@@ -71,7 +72,7 @@ export default {
|
|
})
|
|
})
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- // 前端代码示例(微信小程序)
|
|
|
|
|
|
+ // 前端代码示例(微信小程序)
|
|
wx.login({
|
|
wx.login({
|
|
success: function (res) {
|
|
success: function (res) {
|
|
if (res.code) {
|
|
if (res.code) {
|
|
@@ -99,7 +100,7 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
|
|
|
|
// // 跳转到密码登录页面
|
|
// // 跳转到密码登录页面
|
|
@@ -154,7 +155,7 @@ export default {
|
|
transform: translateY(0);
|
|
transform: translateY(0);
|
|
transition: transform 0.3s ease;
|
|
transition: transform 0.3s ease;
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
-
|
|
|
|
|
|
+
|
|
&:hover {
|
|
&:hover {
|
|
transform: translateY(-5rpx);
|
|
transform: translateY(-5rpx);
|
|
}
|
|
}
|
|
@@ -196,7 +197,7 @@ export default {
|
|
|
|
|
|
.login-methods {
|
|
.login-methods {
|
|
margin-top: 80rpx;
|
|
margin-top: 80rpx;
|
|
-
|
|
|
|
|
|
+
|
|
.login-btn {
|
|
.login-btn {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100rpx;
|
|
height: 100rpx;
|
|
@@ -219,7 +220,7 @@ export default {
|
|
&.primary {
|
|
&.primary {
|
|
background: linear-gradient(45deg, #2c3e50, #3498db);
|
|
background: linear-gradient(45deg, #2c3e50, #3498db);
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
-
|
|
|
|
|
|
+
|
|
&:active {
|
|
&:active {
|
|
transform: scale(0.98);
|
|
transform: scale(0.98);
|
|
box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.08);
|
|
box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.08);
|
|
@@ -229,7 +230,7 @@ export default {
|
|
&.wechat {
|
|
&.wechat {
|
|
background: linear-gradient(45deg, #07C160, #0a9d4e);
|
|
background: linear-gradient(45deg, #07C160, #0a9d4e);
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
-
|
|
|
|
|
|
+
|
|
&:active {
|
|
&:active {
|
|
transform: scale(0.98);
|
|
transform: scale(0.98);
|
|
box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.08);
|
|
box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.08);
|
|
@@ -285,7 +286,7 @@ export default {
|
|
transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
padding: 24rpx;
|
|
padding: 24rpx;
|
|
border-radius: 24rpx;
|
|
border-radius: 24rpx;
|
|
-
|
|
|
|
|
|
+
|
|
&:active {
|
|
&:active {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
background: rgba(0, 0, 0, 0.05);
|
|
}
|
|
}
|
|
@@ -296,7 +297,7 @@ export default {
|
|
color: #2c3e50;
|
|
color: #2c3e50;
|
|
transition: transform 0.3s ease;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
&:hover .iconfont {
|
|
&:hover .iconfont {
|
|
transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
}
|
|
@@ -324,7 +325,7 @@ export default {
|
|
text-decoration: none;
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
position: relative;
|
|
position: relative;
|
|
-
|
|
|
|
|
|
+
|
|
&::after {
|
|
&::after {
|
|
content: '';
|
|
content: '';
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -336,10 +337,10 @@ export default {
|
|
transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
transition: transform 0.3s ease;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
&:active::after {
|
|
&:active::after {
|
|
transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-</style>
|
|
|
|
|
|
+</style>
|