cancel.wxml 1.86 KB
<!--pages/customer/cancel.wxml-->
<nav hasHome>取消预订</nav>
<view class="pages">
    <view class="flex align-center justify-center">
        <image src="https://qn.colorcun.com/bookCancel.png" style="width: 72rpx;height: 72rpx;"></image>
        <view class="margin-left-lg text-bold text-black">
            <view class="txt-40-h">请告知取消原因</view>
            <view class="txt-24-h">以便为您提供更好的服务</view>
        </view>
    </view>
    <view class="reasons-title">请选择取消原因(必选)</view>
    <radio-group class="radio-group reasons-group" bindchange="radioChange">
        <!-- <block wx:for="{{reasons}}" wx:key="reasons">
           
            <radio class="reasons-radio"
                    value="{{index}}" checked="{{index==radioIndex}}"> 
                <text class="reasons-radio-text">{{item}}</text>
            </radio>
        </block> -->
        <label class="reasons-radio" wx:for="{{reasons}}" wx:key="{{item}}">
            <view class="reasons-radio-text">{{item}}</view>
            <radio class="reasons-radio" value="{{index}}" checked="{{index==radioIndex}}"/>
        </label>
    </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="btns">
        <view class="cancel-button round"
          bindtap="cancelSubmit"
          style="bottom:{{paddingBottom}}px;">申请取消</view>
    </view>
</view>