{{ title }}
@@ -11,7 +11,7 @@
@@ -98,48 +124,6 @@ export default {
}
}
- .input-number {
- display: flex;
- background: whitesmoke;
- padding: 1.5rem 1rem;
-
- .left {
- font-size: 1.2rem;
- display: flex;
- align-items: center;
- margin-right: 1rem;
- padding-right: 1rem;
- position: relative;
- .arrow {
- margin-top: .4rem;
- margin-left: .5rem;
- width: 0;
- height: 0;
- border: .3rem solid transparent;
- border-top: .5rem solid black;
- }
-
- &::before{
- content: ' ';
- position: absolute;
- width: 1px;
- height: .8rem;
- top: 4px;
- right: 0;
- background: gainsboro;
- }
- }
-
- .right {
- flex: 1;
- outline: none;
- border: none;
- background: whitesmoke;
- caret-color:red;
- //background: red;
- }
- }
-
.button {
margin-bottom: .5rem;
}
@@ -157,7 +141,7 @@ export default {
}
}
- .options{
+ .options {
font-size: 1.2rem;
margin-top: 2rem;
display: flex;
diff --git a/src/pages/login/VerificationCode.vue b/src/pages/login/VerificationCode.vue
new file mode 100644
index 0000000..55444e3
--- /dev/null
+++ b/src/pages/login/VerificationCode.vue
@@ -0,0 +1,130 @@
+
+
+
+
+ 帮助
+
+
+
+
+
+
+
diff --git a/src/pages/login/components/LoginInput.vue b/src/pages/login/components/LoginInput.vue
new file mode 100644
index 0000000..40453ae
--- /dev/null
+++ b/src/pages/login/components/LoginInput.vue
@@ -0,0 +1,179 @@
+
+
+
+
+ {{ loading ? '登录中' : '登录' }}
+
+
+
+
+
+
+
+ 请输入验证码
+ 验证码已通过短信发送到+86 13800138000
+
+
+ 收不到短信?获取语音验证码
+
+
+
+
+
+
+
+
+
diff --git a/src/router/index.js b/src/router/index.js
index 78d02bd..abb9530 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -39,6 +39,7 @@ import Me2 from "../pages/me/Me2";
import Login from "../pages/login/Login";
import OtherLogin from "../pages/login/OtherLogin";
import PasswordLogin from "../pages/login/PasswordLogin";
+import VerificationCode from "../pages/login/VerificationCode";
const routes = [
// {path: '', component: Music},
@@ -82,6 +83,7 @@ const routes = [
{path: '/login', component: Login},
{path: '/login/other', component: OtherLogin},
{path: '/login/password', component: PasswordLogin},
+ {path: '/login/verification-code', component: VerificationCode},
]
export default VueRouter.createRouter({
diff --git a/src/utils/mixin.js b/src/utils/mixin.js
index cd3acc0..34cacff 100644
--- a/src/utils/mixin.js
+++ b/src/utils/mixin.js
@@ -11,6 +11,7 @@ import Mask from "../components/Mask";
import NoMore from "../components/NoMore";
import Back from "../components/Back";
import Loading from "../components/Loading";
+import BaseButton from "../components/BaseButton";
export default {
components: {
@@ -25,7 +26,8 @@ export default {
Mask,
NoMore,
Back,
- Loading
+ Loading,
+ 'b-button':BaseButton
},
data() {
return {
+
+
+ +86
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+ {{ verificationCodeBtnText }}
+
+