From 2839044a1269268e277f23f66cf2b86dcf85de3b Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期日, 09 三月 2025 13:53:27 +0800
Subject: [PATCH] 修改购物车功能
---
src/views/CartPage.vue | 14 +++++++-------
1 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/views/CartPage.vue b/src/views/CartPage.vue
index 02c3505..b912a9f 100644
--- a/src/views/CartPage.vue
+++ b/src/views/CartPage.vue
@@ -1,15 +1,15 @@
<template>
<div class="container mx-auto px-4 py-8">
- <div class="bg-white rounded-lg shadow">
+ <div class="bg-white rounded-lg shadow h-[780px]">
<!-- 璐墿杞﹀ご閮� -->
<div class="p-4 border-b">
<h1 class="text-xl font-medium">璐墿杞�</h1>
</div>
<!-- 璐墿杞︿富浣� -->
- <div class="p-4">
+ <div class="p-4" style="height: calc(100% - 58px); box-sizing: border-box;">
<!-- 琛ㄥご -->
- <div class="flex items-center pb-4 border-b text-gray-500 text-sm">
+ <div class="flex items-center pb-4 border-b text-gray-500 text-sm" style=" background-color: #f4f4f4; box-sizing: border-box; padding: 10px 15px;">
<div class="w-12">
<el-checkbox v-model="allSelected" />
</div>
@@ -24,8 +24,8 @@
<el-empty v-if="!cartItems.length" description="璐墿杞﹁繕鏄┖鐨�" />
<!-- 鍟嗗搧鍒楄〃 -->
- <div v-else>
- <div v-for="item in cartItems" :key="item.addID" class="flex items-center py-4 border-b">
+ <div v-else style=" height: calc(100% - 116px);overflow: auto;">
+ <div v-for="item in cartItems" :key="item.addID" class="flex items-center border-b" style="padding: 1rem;">
<div class="w-12">
<el-checkbox
v-model="item.selected"
@@ -60,7 +60,7 @@
<!-- 璐墿杞﹀簳閮� -->
<div v-if="cartItems.length" class="flex justify-between items-center mt-4 py-4">
<div class="flex items-center gap-4">
- <el-checkbox v-model="allSelected">鍏ㄩ��</el-checkbox>
+ <!-- <el-checkbox v-model="allSelected">鍏ㄩ��</el-checkbox> -->
<el-button type="text" @click="removeSelected">鍒犻櫎閫変腑</el-button>
</div>
<div class="flex items-center gap-4">
@@ -68,7 +68,7 @@
宸查�夊晢鍝� <span class="text-red-500">{{ selectedCount }}</span> 浠�
</div>
<div class="text-gray-500">
- 鍚堣锛�<span class="text-red-500 text-xl font-medium">楼{{ totalPrice.toFixed(2) }}</span>
+ 鍚堣锛�<span class=" text-lg font-bold" style="color: #16b5cb;font-size: large;">楼{{ totalPrice.toFixed(2) }}</span>
</div>
<el-button
type="primary"
--
Gitblit v1.9.3