81 lines
1.5 KiB
Vue
81 lines
1.5 KiB
Vue
<template>
|
|
<view class="policy-page" :class="`theme-${themeMode}`">
|
|
<scroll-view scroll-y class="policy-scroll">
|
|
<view class="policy-paper">
|
|
<text class="policy-title">{{ title }}</text>
|
|
<text class="policy-content">{{ content }}</text>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
const POLICY_STORAGE_KEY = 'scanapp_policy_detail'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
title: '',
|
|
content: ''
|
|
}
|
|
},
|
|
onLoad() {
|
|
const policy = uni.getStorageSync(POLICY_STORAGE_KEY) || {}
|
|
this.title = policy.title || '协议详情'
|
|
this.content = policy.content || ''
|
|
uni.setNavigationBarTitle({ title: this.title })
|
|
uni.setNavigationBarColor({
|
|
frontColor: this.themeMode === 'dark' ? '#ffffff' : '#000000',
|
|
backgroundColor: this.themeMode === 'dark' ? '#151923' : '#ffffff'
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.policy-page {
|
|
min-height: 100vh;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.policy-scroll {
|
|
height: 100vh;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.policy-paper {
|
|
padding: 44rpx 36rpx 80rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.policy-title {
|
|
display: block;
|
|
margin-bottom: 34rpx;
|
|
color: #17233d;
|
|
font-size: 38rpx;
|
|
font-weight: 800;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.policy-content {
|
|
display: block;
|
|
color: #3f4b5d;
|
|
font-size: 28rpx;
|
|
line-height: 1.9;
|
|
white-space: pre-wrap;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.theme-dark.policy-page {
|
|
background: #151923;
|
|
}
|
|
|
|
.theme-dark .policy-title {
|
|
color: #f2f5fa;
|
|
}
|
|
|
|
.theme-dark .policy-content {
|
|
color: #c4cede;
|
|
}
|
|
</style>
|