fix: 更新 API 请求参数格式及优化组件样式

- 将 addEvaluation API 的参数从 params 修改为 data,以符合标准请求格式
- 在多个组件中调整样式,提升响应式布局和用户体验
- 优化商品详情页的倒计时显示,增强视觉效果
- 更新购物车操作按钮样式,提升一致性和可用性
This commit is contained in:
田香琪
2026-06-23 14:13:25 +08:00
parent 8a60e23214
commit 1b2e980fb6
26 changed files with 481 additions and 401 deletions

View File

@@ -23,7 +23,8 @@
</template>
</ul>
<!-- 秒杀商品列表 -->
<div class="goods-list">
<div class="seckill-goods-wrap">
<div class="goods-list">
<empty v-if="goodsList.length === 0" />
<div v-else class="goods-show-info1" v-for="(item, index) in goodsList" :key="index"
@click="goGoodsDetail(item.skuId, item.goodsId)">
@@ -69,6 +70,7 @@
<span>{{ item.storeName }}</span>
</div>
</div>
</div>
</div>
<BaseFooter />
</div>
@@ -199,10 +201,12 @@ export default {
.time-line {
width: 1200px;
max-width: 1200px;
height: 60px;
margin: 0 auto;
background-color: #fff;
display: flex;
box-sizing: border-box;
li {
padding: 0 30px;
@@ -242,15 +246,29 @@ export default {
}
}
.seckill-goods-wrap {
width: 1200px;
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
.goods-list {
width: 100%;
margin: 0;
column-gap: 10px;
}
}
.goods-show-info1 {
width: 290px;
width: calc(25% - 8px);
min-width: 0;
padding: 6px;
margin: 10px 0px;
margin-left: 8px;
margin: 10px 0;
position: relative;
border: 1px solid #fff;
cursor: pointer;
background-color: #fff;
box-sizing: border-box;
}
.goods-show-info1:hover {
@@ -261,6 +279,22 @@ export default {
.goods-show-img {
display: flex;
justify-content: center;
img {
width: 100%;
max-width: 200px;
height: auto;
aspect-ratio: 1;
object-fit: cover;
}
}
.goods-show-num1 {
display: flex;
align-items: center;
font-size: 12px;
margin-bottom: 6px;
color: #666;
}
.el-progress-bar__inner {