bindPhoneNumber.wxml 3.92 KB
<view name="bindPhoneView">
    <view class="view-title">验证手机号</view>
    <view class="view-tip">Yoho!Family账号可登录YOHO!旗下所有应用(含:Yoho!Buy有货、Yoho!Now、mars、BLK、Yoho!Store)</view>

    <view class='countryCode' bindtap="chooseCountry">
      <text class='countryTitle'>国家/地区</text>
      <text class='countryContent'>{{country_name}}</text>
      <view style='margin-right:15rpx;'>
<!-- <text>hi</text> -->
       <image src="./images/arrow-down@2x.png" class="right-arrow" mode="widthFix"></image> 
      
      
      </view>
       
    </view>


    <view class='line'> </view>  

    <view class='phoneNumber'>
      <text class='phoneTitle'>{{'+'+country_area}}</text>
      <input class="phoneNumberContent" placeholder="请输入手机号" bindinput="phoneInputChanged" placeholder-style="color:#e2e2e2" style="margin-top:30rpx;"/>
    </view>

     <view class='line'> </view> 

    <view class='verifyCode'>
      <text class='verifyCodeTitle'>验证码</text>
      <input maxlength="10" class="verifyCondeContent" placeholder="请输入验证码" bindinput="verifyCodeInputChanged" placeholder-style="color:#e2e2e2"/>
      <view class="view-verifyKeyInputContainer">
        <view catchtap="getVerifyCode" class="view-getVerifyCode {{counting ? 'disable' : 'enable'}}">{{verifyBtnText == undefined ? '获取验证码' : verifyBtnText}}</view>
      </view>
    </view>

     <view class='line'> </view> 

    <block wx:if="{{graphicsCodeSwitch}}"> 
      <view class='graphicsHeaderView'>
        <text class='title'>请将下列图片点击翻转至正向朝上</text>
        <text class='button' catchtap="update">换一批</text>
      </view>

      <view class='graphicsContentView'>
        <view class='itemView' data-itemIndex='0' catchtap="didSelectImage" style='margin-left: 30rpx;'>
          <image class='item{{graphicsCodeElement[0].dataVal}} image0' src="{{graphicsCodeUrl}}"></image>
        </view>

        <view class='itemView' data-itemIndex='1' catchtap="didSelectImage">
          <image class='item{{graphicsCodeElement[1].dataVal}} image1' src="{{graphicsCodeUrl}}"></image>
        </view>

        <view class='itemView' data-itemIndex='2' catchtap="didSelectImage">
          <image class='item{{graphicsCodeElement[2].dataVal}} image2' src="{{graphicsCodeUrl}}"></image>
        </view>

        <view class='itemView' data-itemIndex='3' catchtap="didSelectImage" style='margin-right: 30rpx;'>
          <image class='item{{graphicsCodeElement[3].dataVal}} image3' src="{{graphicsCodeUrl}}"></image>
        </view>

        <!-- <image data-itemIndex='0' catchtap="didSelectImage" class='item' src="{{graphicsCodeUrl}}" style='margin-left: 30rpx; background-position: {{graphicsCodeElement[0].position}};'></image>
        <image data-itemIndex='1' catchtap="didSelectImage" class='item' style="background-image: url({{graphicsCodeUrl}}); background-position: {{graphicsCodeElement[1].position}}"></image>
        <image data-itemIndex='2' catchtap="didSelectImage" class='item' src="{{graphicsCodeUrl}}" style="background-image: url({{graphicsCodeUrl}}); background-position: {{graphicsCodeElement[2].position}}"></image>
        <image data-itemIndex='3' catchtap="didSelectImage" class='item' src="{{graphicsCodeUrl}}" style='margin-right: 30rpx;background-image: url({{graphicsCodeUrl}}); background-position: {{graphicsCodeElement[3].position}}'></image> -->
      </view>
    </block>

    <button catchtap="bindBtnAction" class="view-bindBtn {{disabledClass == undefined ? 'disabled' : disabledClass}}" >完成</button>

    <button class="view-verifyBtn" open-type="{{hasUnionID?'getPhoneNumber':'getUserInfo'}}" bindgetphonenumber="getPhoneNumber" bindgetuserinfo='getUserInfo'>自动验证</button>

</view>

<import src="../../vendors/zanui/toast/index.wxml"/>
<template is="zan-toast" data="{{zanToast}}"/>
<import src="../../vendors/toast/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>