update组件

xuxueyang

2024-07-12 48dd8be3d25e5b6d8bfa57ad757569f470f5ff74

 sub_pages/supplier/supplier-reg/supplier-reg.vue

@@ -15,34 +15,47 @@
               </view>


               <view class="t-a input" v-if="loginType=='code'">


                  <input type="text" name="userName" placeholder="请输入手机号" v-model="phoneNumber" />
               <view class="t-a form-input" v-if="loginType=='code'">

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



                  <!-- <u-input type="text" name="userName" placeholder="请输入手机号" v-model="phoneNumber"

                     style="position: relative;z-index: 1;" /> -->





               </view>


               <view class="t-a input" v-if="loginType=='code'">
                  <input type="text" name="userName" placeholder="请输入手机验证码" v-model="smsCode" />
               <view class="t-a form-input" v-if="loginType=='code'">

                  <!--       <input type="text" name="userName" placeholder="请输入手机验证码" v-model="smsCode"

                     style="position: relative;z-index: 1;" /> -->

                  <u-input placeholder="请输入手机验证码"    :border="false"   v-model="smsCode"></u-input>



               </view>
               <view class="t-a input" v-if="loginType=='code'">
                  <input type="text" :password="true" name="password" placeholder="请输入密码" v-model="password" />
               <view class="t-a form-input" v-if="loginType=='code'">

                  <!-- <input type="text" :password="true" name="password" placeholder="请输入密码" v-model="password" /> -->



                  <u-input :password="true" :border="false"     placeholder="请输入密码" v-model="password"></u-input>

               </view>


               <button @tap="login()" class="bottom-button">注 册</button>

               <view class="flex">
                  <view class="topic-font m-l-a m-r-0" @click="toLogin">前往登录</view>
               </view>
               <view class="flex flex-wrap-normal" style="position: fixed;bottom: 40rpx;left: 40rpx;right: 40rpx;" v-if="false">
               <view class="flex flex-wrap-normal" style="position: fixed;bottom: 40rpx;left: 40rpx;right: 40rpx;"

                  v-if="false">

                  <view :style="{'margin-top': '8rpx','margin-right': '12rpx','font-size':'24rpx'}"
                  @click="protocal=!protocal"
                   class="component-radio" :class="[protocal?'cur':'']">
                     @click="protocal=!protocal" class="component-radio" :class="[protocal?'cur':'']">

                     
                  </view>
                  <view class="topic-gray" @click="toProtocol">请仔细阅读《花满芜合伙人供应商入口小程序隐私保护指引》如您同意该指引，请勾选开始使用本小程序</view>
                  <view class="topic-gray" @click="toProtocol">请仔细阅读《花满芜合伙人供应商入口小程序隐私保护指引》如您同意该指引，请勾选开始使用本小程序

                  </view>

               </view>
            </form>
         </view>
@@ -84,7 +97,10 @@
            // await this.$message.confirm('是否同意入驻协议')
            // this.protocal = true
            console.log('getCode')
            setTimeout(() => {

            uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
            }, 200)



            if (this.getCodeisWaiting) {
               return;
            }
@@ -223,7 +239,24 @@
      }
   };
</script>
<style lang="scss" scoped>

   .form-input {

      background-color: #f8f7fc;

      border-radius: 50rpx;

      margin-bottom: 50rpx;
      border: 1px solid #e9e9e9;

      /deep/ .u-input{
         padding-left: 60rpx !important;
         padding-right: 40rpx !important;
      }

      /deep/ input {

         height: 70rpx;

         line-height: 70rpx;

      }


   }

</style>

<style lang="scss" scoped>
   @import '@/pages/login/login.scss';

@@ -284,7 +317,7 @@
   }

   .t-login input {
      padding: 0 20rpx 0 120rpx;
      padding: 0 20rpx 0 60rpx;

      height: 90rpx;
      line-height: 90rpx;
      margin-bottom: 50rpx;
@@ -298,10 +331,14 @@
      position: relative;

      .get-code {
         position: absolute;
         right: 40rpx;
         top: 25rpx;
         z-index: 99;
         // position: absolute;

         // right: 0rpx;

         // top: 0rpx;

         // z-index: 99;

         // padding-top: 25rpx;

         // bottom: 0;

         // padding-right: 40rpx;

         // padding-left: 20rpx;

      }
   }