| 123456789101112131415161718192021222324252627282930313233 |
- <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>
|
