<script setup>
	// 隐私设置
	import {
		ref,
		computed,
	} from 'vue'
	import {
		useStore
	} from 'vuex'
	import {
		onLoad,
		onUnload
	} from '@dcloudio/uni-app'
	// 工具库
	import util from '@/common/js/util.js'
	// api
	import api from '@/api/index.js'
	// 推荐
	const recommend = ref(false)

	onLoad(() => {
		// 个性化推荐
		let recommendStore = uni.getStorageSync('recommendStore')
		if (recommendStore) recommend.value = recommendStore
	})

	onUnload(() => {
		uni.setStorageSync('recommendStore', recommend.value)
	})

	/**
	 * 修改推荐
	 * @param {Object} event 默认事件
	 */
	function handleRecommend(event) {
		recommend.value = event.detail.value
	}
</script>

<template>
	<view class="app">
		<view class="area">
			<view class="line">
				<view class="rows">
					<view class="">个性化推荐管理</view>
					<switch :checked="recommend" color="rgb(0,122,255)" style="transform:scale(0.7)"
						@change="handleRecommend" />
				</view>

				<view class="notice mt10 c999 f28">
					<text>特别说明: 关闭个性化推荐后，您仍会收到通用内容推荐，但可能与您的兴趣关联性较低。
						我们严格遵循《个人信息保护法》，不会将您的个人信息用于未声明的其他用途。</text>
				</view>
			</view>
		</view>
	</view>
</template>

<style lang="scss">
	// 
	.area {
		margin: 30rpx;
		padding: 0 30rpx;
		color: #333;
		font-size: 30rpx;
		background-color: #fff;
		border-radius: 20rpx;

		.line {
			padding: 20rpx 10rpx;
		}

		.line+.line {
			border-top: 1px solid #eeeeee;
		}
	}
</style>