hire-wx-houxuanren/pagesD/yinsi.vue

<template>
	<view>
		<view class="page">
			<text class="title">以下权限选择后方可生效</text>
			<view class="">
				<u-radio-group v-model="radiovalue1" placement="column" @change="groupChange">
					<view class="u-flex u-row-between">
						<view class="" style="margin-top: 48rpx;">
							<view class="title">简历及联系方式</view>
							<text class="mar">开启后，项目经理可查看您的简历及联系方式</text>
						</view>
						<u-radio :customStyle="{marginBottom: '8px'}" :name="1" @change="radioChange">
						</u-radio>
					</view>
					<view class="u-flex u-row-between" style="margin-top:20rpx ;border-top: 2rpx solid #F0F0F0;">
						<view class="">
							<view class="title" style="margin-top: 40rpx;">仅简历</view>
							<text class="mar">开启后，对猎头隐藏联系方式，猎头看不到</text>
						</view>
						<u-radio :customStyle="{marginBottom: '8px'}" :name="2" @change="radioChange">
						</u-radio>  
					</view>
				</u-radio-group>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				radiovalue1: 1,
			}
		},
		onLoad() {
			
		},
		methods: {
			groupChange(n) {
				console.log('groupChange', n);
			},
			radioChange(n) {
				console.log('radioChange', n);
			}
		}
	}
</script>

<style scoped>
	.page {
		padding: 36rpx 32rpx 0;
		height: 100vh;
		box-sizing: border-box;
	}

	.title {
		font-size: 32rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #222222;
	}
	.mar{
		margin-top: 20rpx;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #1A1C24;
		display: block;
	}
</style>