<template>
	<view class="agreement-detail-page">
		<view class="content-card">
			<text class="title">{{ title }}</text>
			<text class="update-time">最后更新：2024-02-01</text>
			<rich-text :nodes="contentHtml" class="rich-content"></rich-text>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'

const title = ref('协议详情')
const contentHtml = ref('<p>协议内容加载中...</p>')

onLoad((options) => {
	if (options.title) title.value = decodeURIComponent(options.title)
	contentHtml.value = `<p style="font-size:14px;color:#555;line-height:2;">本协议是您与宠物服务平台之间关于使用平台服务所订立的协议。请您仔细阅读以下全部内容。</p>
	<p style="font-size:14px;color:#555;line-height:2;"><b>一、服务说明</b><br/>平台为宠物主人提供接送、喂遛、洗护等上门服务的信息撮合及交易支持。</p>
	<p style="font-size:14px;color:#555;line-height:2;"><b>二、用户责任</b><br/>用户应确保提供的宠物信息真实有效，并对宠物的健康状况负责。</p>
	<p style="font-size:14px;color:#555;line-height:2;"><b>三、隐私保护</b><br/>我们重视您的隐私，所有个人信息将按照隐私政策进行处理。</p>
	<p style="font-size:14px;color:#555;line-height:2;"><b>四、免责条款</b><br/>因不可抗力导致的服务中断，平台不承担赔偿责任。</p>`
})
</script>

<style lang="scss" scoped>
.agreement-detail-page { min-height: 100vh; background: #f7f8fa; padding: 24rpx; }
.content-card { background: #fff; border-radius: 24rpx; padding: 40rpx 32rpx; }
.title { display: block; font-size: 36rpx; font-weight: 800; color: #333; margin-bottom: 12rpx; }
.update-time { display: block; font-size: 24rpx; color: #999; margin-bottom: 32rpx; padding-bottom: 24rpx; border-bottom: 1rpx solid #f5f5f5; }
</style>
