refactor: clean up codebase and add new features

Replace SCSS variable usages with explicit pixel/hex values for consistent styling across all components
Fix broken template syntax including missing class spaces and incorrect closing tags
Migrate constant and API imports to centralized @/constants and @/api modules
Add new utility classes: IdUtils, CallbackUtils, and TimerUtils
Add new chat conversation API endpoints for recent conversations and message lists
Add new Discovery page components (FindTabs, QuickQuestions, CardSwiper) and their styles
Update app store config to use environment variables for base API and WebSocket URLs
Add new selected tab icon assets
This commit is contained in:
duanshuwen
2026-05-26 23:50:37 +08:00
parent c977c485ef
commit 1a5a2ae6a9
101 changed files with 1488 additions and 745 deletions

View File

@@ -1,17 +1,13 @@
<template>
<div class="demo-container">
<div class="demo-header">
<spanclass="demo-title">GoodConfirm 组件演示</text>
<span class="demo-title">GoodConfirm 组件演示</span>
</div>
<div class="demo-section">
<div class="section-title">基础用法</div>
<button class="demo-btn" @click="showConfirm">显示商品确认弹窗</button>
<button
class="demo-btn"
@click="setQuantity(5)"
style="margin-left: 12px"
>
<button class="demo-btn" @click="setQuantity(5)" style="margin-left: 12px">
设置5人测试横向滚动
</button>
</div>
@@ -22,42 +18,29 @@
<text>Stepper数量: {{ quantity }}</text>
<text>表单项数量: {{ userFormCount }}</text>
<text>总价: ¥{{ totalPrice }}</text>
<spanclass="debug-info">实时quantity值: {{ quantity }}</text>
<spanclass="feature-highlight"> 支持横向滚动浏览多个游客信息</text>
<spanclass="feature-highlight"
>🗑 支持删除游客信息至少保留一位</text
>
<span class="debug-info">实时quantity值: {{ quantity }}</span>
<span class="feature-highlight"> 支持横向滚动浏览多个游客信息</span>
<span class="feature-highlight">🗑 支持删除游客信息至少保留一位</span>
</div>
</div>
<div class="demo-section" v-if="lastOrderData">
<div class="section-title">最后提交的数据</div>
<div class="order-data">
<text>商品: {{ lastOrderData.goodsData.commodityName }}</text>
<text>数量: {{ lastOrderData.quantity }}</text>
<text>总价: ¥{{ lastOrderData.totalPrice }}</text>
<text>用户信息:</text>
<span>商品: {{ lastOrderData.goodsData.commodityName }}</span>
<span>数量: {{ lastOrderData.quantity }}</span>
<span>总价: ¥{{ lastOrderData.totalPrice }}</span>
<span>用户信息:</span>
<div class="user-list">
<div
v-for="(user, index) in lastOrderData.userFormList"
:key="index"
class="user-item"
>
<text
>游客{{ index + 1 }}: {{ user.name || "未填写" }} -
{{ user.phone || "未填写" }}</text
>
<div v-for="(user, index) in lastOrderData.userFormList" :key="index" class="user-item">
<span>游客{{ index + 1 }}: {{ user.name || "未填写" }} -
{{ user.phone || "未填写" }}</span>
</div>
</div>
</div>
</div>
<GoodConfirm
ref="confirmRef"
:goodsData="goodsData"
@confirm="handleConfirm"
@close="handleClose"
/>
<GoodConfirm ref="confirmRef" :goodsData="goodsData" @confirm="handleConfirm" @close="handleClose" />
</div>
</template>