uniapp 的radio及静止禁止鼠标和触摸对底层页面的滚动

未选择

scroll_view下面写
white-space: nowrap;
height: 700rpx;

fx_k类样式下面写
display: inline-block;
border-bottom: 2rpx solid #F4F4F4;
padding: 20rpx 24rpx;
color: #333333;
font-size: 28rpx;
display: flex;
justify-content: space-between;
align-items: center;

<!-- @touchmove.prevent.stop @mousewheel.prevent 这是禁止鼠标和触摸对底层页面的滚动用的复制我注释的这个
，不用的下面那个知识禁止触摸-->
<view class="res_tk" v-if="r_ly" @touchmove.stop.prevent="">
	<view class="tk_bs">
		<view class="bts">
			<view class="bt_h1">取消订单</view>
			<view class="Xx_xxi" @click="Xx_xxi">
				<view class="nei_x1"></view>
				<view class="nei_x2"></view>
			</view>
		</view>
		这个可一滑动你想要用的内容 scroll-view，不过你的设置高度 如fx_k这个类
		<scroll-view class="scroll_view" scroll-y="true"  >
			<view class="fx_k" v-for="(item,index) in reasons" :Key="item.id" @click="re_son(index)">
				{{item.reason}}
				<radio :value="item.fz_dx" :checked="index === current " />
				<!-- index === current -->
			</view>
		</scroll-view>
		<view class="bt_qd" @click="getCancelOrder">确定</view>
	</view>
</view>
	
data里面
reasons: [], //取消订单按钮传的参
current: null,//默认radio 未选择
fz_dx: '',
fz_id: 0,

methods里面
re_son: function(index) {
		let ta = this;
			console.log(index)
			if (index=='') {
				ta.current=null //默认radio 未选择
			}else{
				ta.current = index
				console.log(ta.reasons[index].reason)
				ta.fz_dx = ta.reasons[index].reason
				ta.fz_id = ta.reasons[index].id
			}
},