<!--pages/customer/cancel.wxml-->
<nav hasHome>取消订座</nav>
<view class="pages" style="padding-bottom: {{paddingBottom+70}}px;">
    <view class="flex align-center">
        <image src="http://nosqn.colorcun.com/jiujiajingicon08%403x.png" style="width: 82rpx;height: 72rpx;"></image>
        <view class="margin-left-lg text-bold text-black">
            <view class="txt-32-h">请告知取消原因</view>
            <view class="txt-32-h">以便为您提供更好的服务</view>
        </view>
    </view>
    <view class="reasons-title">取消原因（必选）</view>
    <radio-group class="radio-group reasons-group" bindchange="radioChange">
        <radio class="reasons-radio"
               wx:for="{{reasons}}" wx:key="reasons" value="{{index}}" checked="{{index==radioIndex}}">
            <text class="reasons-radio-text">{{item}}</text>
        </radio>
    </radio-group>
    <textarea class="cancel-input" placeholder="请输入其他原因（不超过30字）" hidden="{{!inputFouce}}"
           bindinput="cancelInput" focus="{{inputFouce}}"
           data-key="name"
           value="{{user.name}}"
              bindconfirm="hideKeyboard"
              bindblur="hideKeyboard"
           bindkeyboardheightchange="keyboardheightchange"
           adjust-position="{{false}}" bindfocus="textareaFocus"
              bindinput="textareaInput"
           placeholder-class="input-pl" maxlength="30"></textarea>
    <view class="cancel-button round bg-blue-blue"
          bindtap="cancelSubmit"
          style="bottom:{{paddingBottom}}px;">申请取消</view>
</view>