<template>
	<view class="page padding">
		<view class="padding bg-white radius">
			<view class="flex justify-between padding-bottom solid-bottom">
				<view>横幅消息通知</view>
				 <up-switch v-model="value" activeColor="#07C160" @change="change" ></up-switch>
			</view>
			<view class="flex justify-between padding-bottom padding-top solid-bottom">
				<view>系统声音</view>
				 <up-switch v-model="value" activeColor="#07C160" @change="change"></up-switch>
			</view>
			<view class="flex justify-between padding-bottom padding-top solid-bottom">
				<view>系统震动</view>
				 <up-switch v-model="value" activeColor="#07C160" @change="change"></up-switch>
			</view>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue'
	
	const value = ref(false)
	
	const change = (e) => {
	  console.log('change', e);
	}
</script>

<style lang="scss" scoped>
	.page {
		min-height: 100vh;
		background: #EBF2FC;
	}
</style>