wx-qhb/pageC/applicationRefund/component/reasonPopup.vue

<template>
	<view class="">
		<u-popup :show="show" @close="$emit('close')" round="16rpx" @open="open" closeable closeOnClickOverlay>
			<view class="title">
				申请原因
			</view>
			<view class="radio-list">
				<u-radio-group v-model="value" @change="handleChange" iconPlacement="right" placement="column">
					<view class="radio">
						<u-radio activeColor="red" name="拍错/多拍/不喜欢" label="拍错/多拍/不喜欢"></u-radio>
					</view>
					<view class="radio">
						<u-radio activeColor="red" name="商品与页面描述不符" label="商品与页面描述不符"></u-radio>
					</view>
					<view class="radio">
						<u-radio activeColor="red" name="商品破损/包装问题" label="商品破损/包装问题"></u-radio>
					</view>
					<view class="radio">
						<u-radio activeColor="red" name="收货地址/手机号填错了" label="收货地址/手机号填错了"></u-radio>
					</view>
					<view class="radio">
						<u-radio activeColor="red" name="卖家发错货" label="卖家发错货"></u-radio>
					</view>
					<view class="radio">
						<u-radio activeColor="red" name="其他原因" label="其他原因"></u-radio>
					</view>
				</u-radio-group>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		props: {
			show: {
				typeof: Boolean,
				default: false
			}
		},
		data() {
			return {
				value:'',
				
			}
		},
		methods: {
			open() {},
			handleChange(name){
				console.log(this.value)
				this.$emit('close',name)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.title {
		text-align: center;
		font-size: 36rpx;
		color: #222;
		font-weight: 500;
		margin-top: 20rpx;
	}

	.radio-list {
		padding: 0 28rpx;
		margin-top: 40rpx;
	}

	.radio {
		margin-bottom: 48rpx;
	}
</style>