| | |
| | | <view class="title-2">欢迎登录<span class="title-3">花满芜</span></view>
|
| | | </view>
|
| | | <view class="t-a input form-input" v-if="loginType=='pwd'">
|
| | | <!-- <input type="text" name="userName" placeholder="请输入账号" v-model="userName" /> --> |
| | | <u-input placeholder="请输入账号" :border="false" v-model="userName"></u-input> |
| | | |
| | | <!-- <input type="text" name="userName" placeholder="请输入账号" v-model="userName" /> -->
|
| | | <u-input placeholder="请输入账号" :border="false" v-model="userName"></u-input>
|
| | |
|
| | | </view>
|
| | | <view class="t-a input form-input" v-if="loginType=='pwd'">
|
| | | <!-- <input type="text" :password="true" name="password" placeholder="请输入密码" v-model="password" /> --> |
| | | <u-input :password="true" :border="false" placeholder="请输入密码" v-model="password"></u-input>
|
| | | <!-- <input type="text" :password="true" name="password" placeholder="请输入密码" v-model="password" /> -->
|
| | | <u-input :password="true" :border="false" placeholder="请输入密码" v-model="password"></u-input>
|
| | | </view>
|
| | | <view class="t-a input form-input" v-if="loginType=='code'">
|
| | |
|
| | |
|
| | | <!-- <input type="text" name="userName" placeholder="请输入手机号" v-model="phoneNumber" />
|
| | | <!-- <input type="text" name="userName" placeholder="请输入手机号" v-model="phoneNumber" />
|
| | | <view class="get-code" :style="{'color':getCodeBtnColor}" @click.stop="getCode()">
|
| | | {{getCodeText}}
|
| | | </view> --> |
| | | <u-input placeholder="请输入手机号" :border="false" v-model="phoneNumber"> |
| | | <template slot="suffix"> |
| | | <view class="get-code" :style="{'color':getCodeBtnColor}" @click.stop="getCode()"> |
| | | {{getCodeText}} |
| | | </view> |
| | | </template> |
| | | </view> -->
|
| | | <u-input placeholder="请输入手机号" :border="false" v-model="phoneNumber">
|
| | | <template slot="suffix">
|
| | | <view class="get-code" :style="{'color':getCodeBtnColor}" @click.stop="getCode()">
|
| | | {{getCodeText}}
|
| | | </view>
|
| | | </template>
|
| | | </u-input>
|
| | | </view>
|
| | |
|
| | |
|
| | | <view class="t-a form-input" v-if="loginType=='code'">
|
| | | <!-- <input type="text" name="userName" placeholder="请输入手机验证码" v-model="smsCode" /> --> |
| | | <u-input placeholder="请输入手机验证码" :border="false" v-model="smsCode"></u-input> |
| | | |
| | | <!-- <input type="text" name="userName" placeholder="请输入手机验证码" v-model="smsCode" /> -->
|
| | | <u-input placeholder="请输入手机验证码" :border="false" v-model="smsCode"></u-input>
|
| | |
|
| | | </view>
|
| | |
|
| | | <button @tap="login()" class="bottom-button">登 录</button>
|
| | |
| | | };
|
| | | },
|
| | | methods: {
|
| | | async getCode() { |
| | | async getCode() {
|
| | | console.log('getCode')
|
| | | uni.hideKeyboard() //隐藏已经显示的软键盘,如果软键盘没有显示则不做任何操作。
|
| | | if (this.getCodeisWaiting) {
|
| | |
| | | } = await this.$http.request('post', '/api/sms/send/code', {
|
| | | data: {
|
| | | tel: this.phoneNumber,
|
| | | userType: 'supplier'
|
| | | userType: this.apitype.replace("login", "").toLowerCase() || 'supplier'
|
| | | }
|
| | | })
|
| | | if (code == 0) {
|
| | |
| | | icon: "none"
|
| | | });
|
| | | this.setTimer(); //调用定时器方法
|
| | | }else{
|
| | | } else {
|
| | | this.getCodeText = "获取验证码" //发送验证码
|
| | | this.getCodeisWaiting = false;
|
| | | this.getCodeBtnColor = "#20613D";
|
| | |
| | | .form-input {
|
| | | background-color: #f8f7fc;
|
| | | border-radius: 50rpx;
|
| | | margin-bottom: 50rpx; |
| | | margin-bottom: 50rpx;
|
| | | border: 1px solid #e9e9e9;
|
| | | /deep/ .u-input{ |
| | | padding-left: 60rpx !important; |
| | | padding-right: 40rpx !important; |
| | |
|
| | | /deep/ .u-input {
|
| | | padding-left: 60rpx !important;
|
| | | padding-right: 40rpx !important;
|
| | | }
|
| | |
|
| | | /deep/ input {
|
| | | height: 70rpx;
|
| | | line-height: 70rpx; |
| | | |
| | | } |
| | | line-height: 70rpx;
|
| | |
|
| | | }
|
| | |
|
| | | }
|
| | | </style>
|