fix package name overflow

src/pages/package/PackagePurchase.vue

@@ -237,17 +237,24 @@
 			right-button-text=""
 			@left-button-click="configSelectorVisible = false"
 		>
-			<div class="config-selector">
+			<div class="config-selector fix-cell-title-clip empty-cell-title-margin">
 				<t-cell-group v-if="configList.length">
 					<t-cell
 						v-for="item in configList"
 						:key="item.id"
 						class="config-option"
-						:title="item.name || '未命名套餐'"
-						:note="formatPackageAmount(item.standardAmount)"
 						arrow
 						@click="selectConfig(item)"
 					>
+						<template #title>
+							<div class="title">
+								<div class="clip-text" v-text="item.name + '长名称长名称长名称长名称长名称' || '未命名套餐'" />
+								<div class="price keep-text">
+									<span class="label gray">标准价：</span>
+									<span class="red" v-text="formatPackageAmount(item.standardAmount)" />
+								</div>
+							</div>
+						</template>
 						<template #description>
 							<div class="products">
 								<t-tag
@@ -1005,18 +1012,30 @@ watch(config, value => {
 	}
 }
 
-:deep(.package-purchase-form .avatar .t-image__img) {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-	border-radius: inherit;
-}
-
 .config-selector {
 	height: 100%;
 	overflow: auto;
 
 	.config-option {
+
+		.title {
+			gap: .5rem;
+			width: 100%;
+			min-width: 0;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.price {
+				flex: none;
+				display: flex;
+
+				.label {
+					font-size: .75rem;
+				}
+			}
+		}
+
 		.products {
 			gap: .35rem;
 			width: 100%;