<!--components/book/reserveCancel/cancel.wxml-->
<view class="mask flex-vc" hidden="{{hidden}}" bindtap="hide">
    <view class="cancel" catchtap="catchtap">
        <view class="flex-rr">
            <view class="close" bindtap="hide">
                <image src="http://qn.colorcun.com/custom/lite-yd/image/close.png"></image>
            </view>
        </view>
        <view class="title Semibold flex-vc">请选择取消原因</view>
        <radio-group class="radio-group flex-vl" bindchange="radioChange">
            <label class="radio" wx:for="{{items}}" wx:key="items.key">
                <radio value="{{item.name}}" checked="{{item.checked}}" />
                {{item.name}}
            </label>
        </radio-group>
        <view class="flex-rr other-view">
            <input class="other" bindinput="otherInput" placeholder="请填写原因" hidden="{{otherInputHidden}}"/>
        </view>
        <formids class="flex-vc"  bindclick="submit">
            <view class="button">确认</view>
        </formids>
    </view>
</view>