|  |  |  | 
|---|
|  |  |  | <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> | 
|---|