购物车标题溢出隐藏

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;