9.20/1

frontend/pages/my/about.vue

@@ -0,0 +1,59 @@
+<template>
+	<view class="about">
+		<view class="hero">
+			<image class="logo" src="/static/logo.png" mode="aspectFit" />
+			<text class="title">五金配件管家</text>
+			<text class="subtitle">专注小微门店的极简进销存</text>
+		</view>
+
+		<view class="card">
+			<view class="row">
+				<text class="label">版本</text>
+				<text class="value">1.0.0</text>
+			</view>
+			<view class="row">
+				<text class="label">隐私协议</text>
+				<text class="link" @click="openPolicy">查看</text>
+			</view>
+			<view class="row">
+				<text class="label">用户协议</text>
+				<text class="link" @click="openTerms">查看</text>
+			</view>
+			<view class="row">
+				<text class="label">个人信息安全投诉</text>
+				<text class="link" @click="openComplaint">提交</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	methods: {
+		openPolicy() {
+			uni.showModal({ title: '隐私协议', content: '隐私协议（静态占位）', showCancel: false })
+		},
+		openTerms() {
+			uni.showModal({ title: '用户协议', content: '用户协议（静态占位）', showCancel: false })
+		},
+		openComplaint() {
+			uni.showToast({ title: '暂未开通', icon: 'none' })
+		}
+	}
+}
+</script>
+
+<style>
+.about { padding: 24rpx; }
+.hero { padding: 32rpx 24rpx; display: flex; flex-direction: column; align-items: center; gap: 10rpx; }
+.logo { width: 160rpx; height: 160rpx; border-radius: 32rpx; }
+.title { margin-top: 8rpx; font-size: 36rpx; font-weight: 800; color: #333; }
+.subtitle { font-size: 26rpx; color: #888; }
+.card { margin-top: 18rpx; background: #fff; border-radius: 16rpx; overflow: hidden; }
+.row { display: flex; align-items: center; padding: 24rpx; border-top: 1rpx solid #f2f2f2; }
+.label { color: #666; }
+.value { margin-left: auto; color: #333; }
+.link { margin-left: auto; color: #1aad19; }
+</style>
+
+