|
@@ -1,25 +1,23 @@
|
|
|
<template>
|
|
|
<view class="page-body">
|
|
|
<view class="page-section">
|
|
|
- <view class="weui-cells__title">请输入手机号</view>
|
|
|
- <view class="weui-cells weui-cells_after-title">
|
|
|
- <view class="weui-cell weui-cell_input">
|
|
|
+ <view>请输入手机号</view>
|
|
|
+ <view>
|
|
|
+ <view>
|
|
|
<input class="weui-input" @input="bindPhoneInput" type="number" placeholder="手机号"></input>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="page-section">
|
|
|
- <view class="weui-cells__title">请输入验证码</view>
|
|
|
- <view class="weui-cells weui-cells_after-title">
|
|
|
- <view class="weui-cell weui-cell_input">
|
|
|
- <input class="weui-input" @input="bindCodeInput" type="number" placeholder="验证码"></input>
|
|
|
- </view>
|
|
|
+ <view>请输入验证码</view>
|
|
|
+ <view class="auth-code-container">
|
|
|
+ <input @input="bindCodeInput" type="number" placeholder="验证码"></input>
|
|
|
+ <button :disabled="!phone" @tap="bindLoginTap">获取验证码</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <button @tap="bindLoginTap">登录</button>
|
|
|
- <button @tap="bindAuthCodeTap">获取验证码</button>
|
|
|
+ <button :disabled="!(phone && code)" class="confirm-button" @tap="bindLoginTap">登录</button>
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
@@ -41,7 +39,7 @@ export default {
|
|
|
|
|
|
components: {},
|
|
|
props: {},
|
|
|
- onLoad(){
|
|
|
+ onLoad() {
|
|
|
let userId = getItem('userId');
|
|
|
let token = getItem('token')
|
|
|
if (token) {
|
|
@@ -131,7 +129,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
|
|
|
- go2ConversationList(){
|
|
|
+ go2ConversationList() {
|
|
|
uni.switchTab({
|
|
|
url: '/pages/conversationList/ConversationListView',
|
|
|
success: () => {
|
|
@@ -150,5 +148,43 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style>
|
|
|
-@import "./login.css";
|
|
|
+.page-body {
|
|
|
+ padding: 20rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.page-section {
|
|
|
+ margin-top: 20rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.auth-code-container {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ /*background-color: green;*/
|
|
|
+}
|
|
|
+
|
|
|
+.auth-code-container input {
|
|
|
+ flex: 1;
|
|
|
+ padding-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.auth-code-container button {
|
|
|
+ /*background-color: red;*/
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.confirm-button{
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/*.other-button-hover {*/
|
|
|
+/* background-color: #7497f1;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.button-hover {*/
|
|
|
+/* background-color: #4168e0;*/
|
|
|
+/*}*/
|
|
|
</style>
|