From aa7f6724b6b06ea3720ae3d74dc85b83e7397480 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Tue, 2 Jun 2026 17:21:29 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=AD=E7=89=A9=E8=BD=A6=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E6=BA=A2=E5=87=BA=E9=9A=90=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/shoppingCart/sc-item.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/views/shoppingCart/sc-item.vue b/src/views/shoppingCart/sc-item.vue
index bb1b120..14b494c 100644
--- a/src/views/shoppingCart/sc-item.vue
+++ b/src/views/shoppingCart/sc-item.vue
@@ -9,7 +9,7 @@
 		<slot name="checkbox" />
 		<img v-loadimg="info.cover" />
 		<div class="content">
-			<div class="title">{{ info.title }}</div>
+			<div class="title" :title="info.title">{{ info.title }}</div>
 			<div class="brand" v-if="showBrand" @click="handleBrandClick">
 				<span class="icon"><svg-icon name="order-shop" size="24" /></span>
 				<span class="text">{{ info.brand }}</span>
@@ -107,6 +107,7 @@
 			flex: 1;
 			margin: var(--sc-item-content-margin, 0 4rem);
 			align-self: var(--sc-item-content-align-self);
+			overflow: hidden;
 			> * {
 				margin-bottom: var(--sc-item-margin-bottom, 1.6rem);
 				&:last-child {
@@ -117,6 +118,14 @@
 				font-family: KaiseiOpti-Bold;
 				font-size: var(--sc-item-title-font-size, 2.4rem);
 				color: var(--sc-item-title-color, #232323);
+				overflow: hidden;
+				text-overflow: ellipsis;
+				word-break: break-all;
+				display: -webkit-box;
+				line-clamp: 2;
+				box-orient: vertical;
+				-webkit-line-clamp: 2;
+				-webkit-box-orient: vertical;
 			}
 			> .brand {
 				display: flex;