Files
zhiyin/zhiyin-app/src/pages/about/about.vue
T

66 lines
3.4 KiB
Vue
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<view class="page">
<view class="logo-area">
<text class="logo">职引</text>
<text class="version">v{{ appVersion }}</text>
</view>
<view class="info-section">
<text class="info-label">产品名称</text>
<text class="info-value">职引 · 宇之然AI磁场</text>
</view>
<view class="info-section">
<text class="info-label">开发团队</text>
<text class="info-value">宇之然</text>
</view>
<view class="info-section">
<text class="info-label">联系邮箱</text>
<text class="info-value">contact@yuzhiran.com</text>
</view>
<view class="link-section">
<view class="link-item" @click="goAgreement">
<text class="link-text">用户协议</text>
<text class="link-arrow"></text>
</view>
<view class="link-item" @click="goPrivacy">
<text class="link-text">隐私政策</text>
<text class="link-arrow"></text>
</view>
</view>
<view class="disclaimer">
<text class="disclaimer-title"> AI生成内容免责声明</text>
<text class="disclaimer-text">
本平台的模拟面试简历诊断简历优化等功能由人工智能模型生成仅供参考和学习用途AI输出的内容可能存在不准确不完整或过时的情况不构成任何专业建议用户在做出重要决策前请务必结合自身判断核实相关信息宇之然AI磁场不对因使用AI生成内容导致的任何直接或间接损失承担责任
</text>
</view>
</view>
</template>
<script setup>
const appVersion = typeof __APP_VERSION__ !== 'undefined' ? __APP_VERSION__ : '1.0.0'
const goAgreement = () => uni.navigateTo({ url: '/pages/agreement/agreement' })
const goPrivacy = () => uni.navigateTo({ url: '/pages/privacy/privacy' })
</script>
<style scoped>
.page { background: var(--color-bg); min-height: 100vh; padding: 60rpx 32rpx; }
.logo-area { text-align: center; padding: 60rpx 0 40rpx; }
.logo { font-size: 48rpx; font-weight: 800; background: linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; margin-bottom: 12rpx; }
.version { font-size: 24rpx; color: var(--color-text-tertiary); }
.info-section { background: #FFF; padding: 24rpx 30rpx; border-radius: var(--radius-md); margin-bottom: 12rpx; display: flex; justify-content: space-between; align-items: center; }
.info-label { font-size: 26rpx; color: var(--color-text-secondary); }
.info-value { font-size: 26rpx; color: var(--color-text); font-weight: 500; }
.link-section { background: #FFF; border-radius: var(--radius-md); margin-top: 24rpx; overflow: hidden; }
.link-item { display: flex; justify-content: space-between; align-items: center; padding: 28rpx 30rpx; border-bottom: 1rpx solid var(--color-border); }
.link-item:last-child { border-bottom: none; }
.link-item:active { background: var(--color-bg); }
.link-text { font-size: 26rpx; color: var(--color-text); }
.link-arrow { font-size: 32rpx; color: var(--color-text-tertiary); }
.disclaimer { margin-top: 40rpx; background: #FFF8E1; border-radius: var(--radius-md); padding: 24rpx; }
.disclaimer-title { font-size: 24rpx; font-weight: 700; color: #F59E0B; display: block; margin-bottom: 12rpx; }
.disclaimer-text { font-size: 22rpx; color: var(--color-text-secondary); line-height: 1.8; }
</style>