添加登录和后端校验

完成后端设计（未在本仓库体现），通过安全的手段完成了登录鉴权

src/pages/agreement/index.config.ts

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationStyle: 'custom',
+  navigationBarTitleText: '定制协议'
+})

src/pages/agreement/index.scss

@@ -0,0 +1,36 @@
+.agreement-page {
+  padding: 0 24px 24px;
+}
+
+.agreement-title {
+  font-size: 40px;
+  font-weight: 800;
+  color: var(--text-primary);
+  display: block;
+  margin-bottom: 32px;
+  padding-top: 24px;
+}
+
+.agreement-content {
+  padding: 40px 32px;
+  line-height: 1.8;
+}
+
+.agreement-section {
+  margin-bottom: 32px;
+}
+
+.agreement-h3 {
+  font-size: 32px;
+  font-weight: 700;
+  color: var(--text-primary);
+  display: block;
+  margin-bottom: 16px;
+}
+
+.agreement-p {
+  font-size: 28px;
+  color: var(--text-secondary);
+  line-height: 1.8;
+  display: block;
+}

src/pages/agreement/index.tsx

@@ -0,0 +1,50 @@
+import { View, Text } from '@tarojs/components'
+import './index.scss'
+import { useThemeContext } from '../../context/ThemeContext'
+import { useSafeArea } from '../../hooks/useSafeArea'
+import { useStatusBar } from '../../hooks/useStatusBar'
+
+export default function AgreementPage() {
+  const { theme, resolvedTheme } = useThemeContext()
+  const safe = useSafeArea()
+  useStatusBar(resolvedTheme)
+
+  const SECTIONS = [
+    {
+      title: '一、用户权责',
+      content: '用户确认提交的设计内容不侵犯第三方知识产权，定制商品一经确认下单即进入生产流程，非质量问题不支持退换。'
+    },
+    {
+      title: '二、隐私保护',
+      content: '我们严格保护用户个人信息，头像与昵称仅用于提升服务体验，不与第三方分享。'
+    },
+    {
+      title: '三、售后说明',
+      content: '收到商品后如有质量问题，请在7天内联系客服，我们将为您免费重做或退款。'
+    },
+    {
+      title: '四、定制流程',
+      content: `1. 选择商品品类并加入设计清单
+2. 在DIY工作台上传图片或输入文字
+3. 确认设计效果并提交订单
+4. 支付后进入生产，约3-7个工作日发货
+5. 物流跟踪至确认收货`
+    }
+  ]
+
+  return (
+    <View className={`theme-${resolvedTheme}`}>
+      <View className='agreement-page'>
+        <View className='agreement-content' style={{ marginTop: `${safe.headerPaddingTop}px` }}>
+          <Text className='agreement-title'>定制协议</Text>
+          {SECTIONS.map((sec, idx) => (
+            <View key={idx} className='agreement-section'>
+              <Text className='agreement-h3'>{sec.title}</Text>
+              <Text className='agreement-p'>{sec.content}</Text>
+            </View>
+          ))}
+        </View>
+      </View>
+    </View>
+  )
+}