docs(api): 更新API接口文档并调整应用配置

- 添加完整的后端接口文档，包含用户、打卡记录、统计等模块
- 修复应用名称从"喝酒了么"统一更正为"喝了么"
- 重构App.vue中的启动逻辑，增加数据迁移和路由守卫功能
- 调整DrinkCalendar组件的UI间距和尺寸参数
- 优化DrinkCard组件的品牌展示文案
- 修改manifest.json中的应用描述和微信小程序配置
- 调整pages.json中的页面路径顺序和tabBar配置
- 更新全局样式文件中的应用名称标识
- 修改mock数据中的用户头像默认值
- 优化卡片导出功能的绘制逻辑和视觉效果

pages/index/index.vue

@@ -1,12 +1,15 @@
 <template>
-  <view class="page-container home safe-bottom">
+  <view class="page-container home">
     <!-- 顶部问候 -->
-    <view class="greeting-bar">
+    <view class="greeting-bar" :style="{ paddingTop: statusBarHeight + 'px' }">
       <view class="greeting-left">
         <text class="greeting-text">{{ greeting }}，{{ userName }}</text>
         <text class="greeting-sub">今晚喝一杯？</text>
       </view>
-      <image class="avatar" :src="userAvatar" mode="aspectFill"></image>
+      <image v-if="userAvatar" class="avatar" :src="userAvatar" mode="aspectFill"></image>
+      <view v-else class="avatar avatar-placeholder">
+        <text class="avatar-placeholder-icon">👤</text>
+      </view>
     </view>
 
     <!-- 核心CTA - 首页最醒目位置 -->
@@ -81,21 +84,9 @@
       <text>过量饮酒有害健康 · 请理性记录</text>
     </view>
 
-    <!-- 底部导航占位 -->
-    <view class="tab-bar">
-      <view class="tab-item tab-active" @click="goHome">
-        <text class="tab-icon">🏠</text>
-        <text class="tab-label">首页</text>
-      </view>
-      <view class="tab-center" @click="goRecord">
-        <view class="tab-fab">
-          <text class="tab-fab-icon">+</text>
-        </view>
-      </view>
-      <view class="tab-item" @click="goProfile">
-        <text class="tab-icon">👤</text>
-        <text class="tab-label">我的</text>
-      </view>
+    <!-- 悬浮记录按钮 -->
+    <view class="fab-record" @click="goRecord">
+      <text class="fab-icon">+</text>
     </view>
 
     <!-- 日期记录弹窗 -->
@@ -141,14 +132,16 @@ export default {
   components: { DrinkCalendar },
   data() {
     const now = new Date()
+    const sysInfo = uni.getSystemInfoSync()
     return {
+      statusBarHeight: sysInfo.statusBarHeight || 25,
       calendarYear: now.getFullYear(),
       calendarMonth: now.getMonth() + 1,
       records: [],
       stats: {},
       greeting: '',
       userName: '',
-      userAvatar: '/static/logo.png',
+      userAvatar: '',
       showDayDetail: false,
       selectedDate: '',
       selectedRecord: null
@@ -181,7 +174,7 @@ export default {
       this.records = getRecords()
       const user = getUserInfo()
       this.userName = user.nickname || '酒友'
-      this.userAvatar = user.avatar || '/static/logo.png'
+      this.userAvatar = user.avatar || ''
       this.greeting = getGreeting()
       this.stats = calcStats(this.records)
     },
@@ -207,11 +200,8 @@ export default {
     goRecord() {
       uni.navigateTo({ url: '/pages/record/record' })
     },
-    goHome() {
-      // 已在首页
-    },
     goProfile() {
-      uni.navigateTo({ url: '/pages/profile/profile' })
+      uni.switchTab({ url: '/pages/profile/profile' })
     }
   }
 }
@@ -219,7 +209,7 @@ export default {
 
 <style lang="scss" scoped>
 .home {
-  padding: $sp-lg;
+  padding: $sp-md;
   padding-top: 0;
 }
 
@@ -227,50 +217,64 @@ export default {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: $sp-xl 0 $sp-lg;
+  padding: $sp-md 0 $sp-sm;
 }
 
 .greeting-text {
   display: block;
-  font-size: $fs-xl;
+  font-size: $fs-lg;
   font-weight: $fw-bold;
 }
 
 .greeting-sub {
   display: block;
-  font-size: $fs-sm;
+  font-size: $fs-xs;
   color: $text-secondary;
-  margin-top: $sp-xs;
+  margin-top: 4rpx;
 }
 
 .avatar {
-  width: 80rpx;
-  height: 80rpx;
+  width: 72rpx;
+  height: 72rpx;
   border-radius: $radius-full;
   border: 4rpx solid $amber-glow;
+  flex-shrink: 0;
+}
+
+.avatar-placeholder {
+  background: $bg-elevated;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 4rpx dashed rgba(232,168,56,0.3);
+}
+
+.avatar-placeholder-icon {
+  font-size: 40rpx;
+  opacity: 0.5;
 }
 
 .calendar-section {
-  margin-bottom: $sp-lg;
-  padding: $sp-lg;
+  margin-bottom: $sp-md;
+  padding: $sp-md;
 }
 
 .stats-row {
   display: flex;
-  gap: $sp-sm;
-  margin-bottom: $sp-lg;
+  gap: $sp-xs;
+  margin-bottom: $sp-md;
 }
 
 .stat-card {
   flex: 1;
   text-align: center;
-  padding: $sp-lg $sp-sm;
+  padding: $sp-md $sp-xs;
 }
 
 .stat-value {
   display: block;
-  font-size: $fs-2xl;
-  margin-bottom: $sp-xs;
+  font-size: $fs-xl;
+  margin-bottom: 4rpx;
 }
 
 .stat-label {
@@ -279,11 +283,12 @@ export default {
 }
 
 .week-summary {
-  margin-bottom: $sp-lg;
+  margin-bottom: $sp-md;
+  padding: $sp-md;
 }
 
 .week-header {
-  margin-bottom: $sp-lg;
+  margin-bottom: $sp-sm;
 }
 
 .week-stats {
@@ -297,9 +302,9 @@ export default {
 
 .week-stat-value {
   display: block;
-  font-size: $fs-2xl;
+  font-size: $fs-xl;
   font-weight: $fw-bold;
-  margin-bottom: $sp-xs;
+  margin-bottom: 4rpx;
 }
 
 .week-stat-label {
@@ -314,7 +319,7 @@ export default {
 }
 
 .health-ref {
-  margin-top: $sp-lg;
+  margin-top: $sp-md;
   position: relative;
   height: 12rpx;
   background: $bg-elevated;
@@ -339,10 +344,10 @@ export default {
 /* 核心CTA - 首页英雄区域 */
 .hero-cta {
   position: relative;
-  margin-bottom: $sp-lg;
-  border-radius: $radius-xl;
+  margin-bottom: $sp-md;
+  border-radius: $radius-lg;
   overflow: hidden;
-  padding: $sp-xl $sp-lg;
+  padding: $sp-md $sp-lg;
   cursor: pointer;
 
   &:active {
@@ -381,11 +386,11 @@ export default {
   z-index: 1;
   display: flex;
   align-items: center;
-  gap: $sp-lg;
+  gap: $sp-md;
 }
 
 .hero-cta-emoji {
-  font-size: 72rpx;
+  font-size: 56rpx;
 }
 
 .hero-cta-text {
@@ -394,7 +399,7 @@ export default {
 
 .hero-cta-title {
   display: block;
-  font-size: $fs-2xl;
+  font-size: $fs-xl;
   font-weight: $fw-black;
   color: $text-on-amber;
   letter-spacing: -1rpx;
@@ -402,13 +407,13 @@ export default {
 
 .hero-cta-sub {
   display: block;
-  font-size: $fs-sm;
+  font-size: $fs-xs;
   color: rgba(11, 11, 20, 0.6);
-  margin-top: $sp-xs;
+  margin-top: 4rpx;
 }
 
 .hero-cta-arrow {
-  font-size: 56rpx;
+  font-size: 44rpx;
   color: $text-on-amber;
   opacity: 0.5;
   font-weight: $fw-bold;
@@ -416,58 +421,18 @@ export default {
 
 .bottom-health-tip {
   text-align: center;
-  padding: $sp-lg 0;
-  padding-bottom: 160rpx;
+  padding: $sp-sm 0;
+  padding-bottom: calc(100rpx + env(safe-area-inset-bottom));
   font-size: $fs-xs;
   color: $text-tertiary;
   opacity: 0.4;
 }
 
-/* 底部TabBar */
-.tab-bar {
+/* 悬浮记录按钮 */
+.fab-record {
   position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 120rpx;
-  background: $bg-card;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  padding-bottom: env(safe-area-inset-bottom);
-  border-top: 2rpx solid rgba(255,255,255,0.04);
-  z-index: 50;
-}
-
-.tab-item {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: $sp-xs;
-}
-
-.tab-icon {
-  font-size: $fs-xl;
-  opacity: 0.5;
-}
-
-.tab-label {
-  font-size: $fs-xs;
-  color: $text-tertiary;
-}
-
-.tab-active {
-  .tab-icon { opacity: 1; }
-  .tab-label { color: $amber; }
-}
-
-.tab-center {
-  position: relative;
-  top: -20rpx;
-}
-
-.tab-fab {
+  right: 40rpx;
+  bottom: calc(140rpx + env(safe-area-inset-bottom));
   width: 100rpx;
   height: 100rpx;
   background: linear-gradient(135deg, $amber-light, $amber-deep);
@@ -476,9 +441,14 @@ export default {
   align-items: center;
   justify-content: center;
   box-shadow: $shadow-amber;
+  z-index: 50;
+
+  &:active {
+    transform: scale(0.92);
+  }
 }
 
-.tab-fab-icon {
+.fab-icon {
   font-size: $fs-2xl;
   font-weight: $fw-bold;
   color: $text-on-amber;