<view class="container">
    <view class="bj" style="padding-top: {{ screen_data.totalTopHeight }}px;">
        <image class="{{bjurl == 'https://app.gter.net/image/miniApp/offer/u55.png' ? 'bj-img-offer' : 'bj-img'}}" mode="widthFix" src="{{bjurl}}"></image>
    </view>
    <view class="main" style="top: {{top}}px;height: calc(100vh - {{top}}px - 230rpx - 85rpx);">
        <view class="main-top">
            <view class="title">{{ title }}</view>

            <view wx:if="{{ tab == 'account'}}" class="hint">您的微信号尚未注册寄托，如你已有寄托账号，请绑定</view>
            <view wx:if="{{ tab == 'nowAccount'}}" class="succeedHint hint">
                <view>在请电脑页面上完善你的个人信息</view>
                <view>以便为你提供更好的服务</view>
            </view>
        </view>

        <view wx:if="{{ tab == 'account'}}" class="account" style="position: relative;">
            <!-- 不授权-->
            <!-- <block wx:if="{{getUserInfoState}}"> -->
            <view class="tick-mask" wx:if="{{ !hintTickState }}" bindtap="bindTickMask"></view>
            <view class="nowAccount greenBtn" bindtap="createAccount" data-value="create">一键创建新账号</view>
            <view class="oldAccount greenBtn" bindtap="bindingAccount" data-value="binding">绑定已有账号</view>
            <!-- </block> -->
            <!-- 授权-->
            <!-- <block wx:else>
                <view class="nowAccount greenBtn" open-type="getUserInfo" catchtap="bindgetuserinfo" data-value="create">一键创建新账号</view>
                <view class="oldAccount greenBtn" open-type="getUserInfo" catchtap="bindgetuserinfo" data-value="binding">绑定已有账号</view>
            </block> -->
        </view>

        <view wx:if="{{ tab == 'oldAccount'}}" class="account-input">
            <input model:value="{{oldAccountUsername}}" type="text" placeholder="用户名/邮箱" />
            <input model:value="{{oldAccountPassword}}" type="password" placeholder="密码" />
        </view>

        <view wx:if="{{ tab == 'oldAccount'}}" class="greenBtn" bindtap="bindingAccountSubmitBtn">确定</view>

        <!-- <view wx:if="{{ tab == 'account' || tab == 'oldAccount' }}" class="hint">注册即代表同意 <text class="a" bindtap="godetail" data-link="https://app.gter.net/alonepage/userprotocol">使用协议</text> 和 <text class="a" bindtap="godetail" data-link="https://app.gter.net/alonepage/userprivacyclause">隐私条款</text></view> -->
        <view class="hint" wx:if="{{ tab == 'account' || tab == 'oldAccount' }}" style="display: flex;justify-content: center;align-items: center;">
            <image wx:if="{{ hintTickState }}" class="hint-tick" src="https://app.gter.net/image/miniApp/project/u2506-u.png" bindtap="cutHintTickState"></image>
            <image wx:else class="hint-tick" src="https://app.gter.net/image/miniApp/project/u2506.svg" bindtap="cutHintTickState"></image>
            注册即代表同意 <text class="a" bindtap="godetail" data-link="https://app.gter.net/alonepage/userprotocol">使用协议</text> 和 <text class="a" bindtap="godetail" data-link="https://app.gter.net/alonepage/userprivacyclause">隐私条款</text>
        </view>

        <button wx:if="{{ tab == 'authorizedLog'}}" open-type="getPhoneNumber" class="authorizedLogBtn greenBtn" bindgetphonenumber="getPhoneNumber">授权登录</button>
        <!-- <button wx:if="{{ tab == 'authorizedLog'}}" class="authorizedLogBtn greenBtn" bindgetphonenumber="getPhoneNumber">授权登录</button> -->

        <!-- 创建成功按钮 -->
        <view wx:if="{{ tab =='nowAccount'}}" class="greenBtn" bindtap="backHome">OK</view>
    </view>

    <!-- 返回上一步 -->
    <view wx:if="{{tab == 'oldAccount'}}" class="backPreviousStep" bindtap="backPreviousStep">返回上一步</view>
</view>