ylrz_scrm_company_h5/pages/courseManage/manage/setup.vue

<template>
	<view class="setup">
		<view class="base-bg-f p20 radius20 mb60">
			<view class="justify-between align-center">
				<view>是否允许新会员观看</view>
				<switch :checked="value" @change="switch1Change" />
			</view>
		</view>
		<view class="surebtn ">保存</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: false
			}
		},
		methods: {
			switch1Change(e) {
				this.value = e.detail.value
			}
		}
	}
</script>

<style lang="scss" scoped>
	/* 去除switch点击时的闪烁效果 */
	::v-deep {
		.u-switch-input {
			-webkit-tap-highlight-color: transparent;
		}
	}

	.setup {
		height: calc(100% - 40rpx);
		padding: 20rpx;
		margin: 0 !important;
	}

	.surebtn {
		width: calc(100% - 100rpx);
		padding: 0 50rpx;
		background-color: #1777ff;
		height: 72rpx;
		border-radius: 8rpx;
		color: #fff;
		text-align: center;
		line-height: 72rpx;
		margin: 0 auto;
	}
</style>