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:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user