优化优惠券弹窗/用户中心

components/coupon-modal.vue

@@ -40,9 +40,7 @@
 										</view>
 										<view class="time">
 											<view class="row">
-												<text class="t">
-													有效期至：{{ dayjs(val.validStartTime).format('YYYY.M.D') }}-{{ dayjs(val.validEndTime).format('YYYY.M.D') }}
-												</text>
+												<text class="t">有效期至：{{ dayjs(val.validStartTime).format('YYYY.M.D') }}-{{ dayjs(val.validEndTime).format('YYYY.M.D') }}</text>
 											</view>
 										</view>
 									</view>
@@ -235,9 +233,17 @@ onMounted(() => {
 									}
 								}
 								.title {
+									width: 280upx;
 									font-size: 28upx;
 									color: #fff;
 									font-weight: bold;
+									/* 禁止换行 */
+									white-space: nowrap;
+									/* 超出部分隐藏 */
+									overflow: hidden;
+									/* 显示省略号 */
+									text-overflow: ellipsis;
+									/* 确保元素有明确的宽度限制（可继承父元素宽度或手动设置） */
 								}
 								.time {
 									display: flex;
@@ -249,7 +255,7 @@ onMounted(() => {
 										display: flex;
 										align-items: center;
 										.t {
-											font-size: 10px;
+											font-size: 18upx;
 											color: #c50914;
 										}
 									}
@@ -266,6 +272,7 @@ onMounted(() => {
 									justify-content: center;
 									border-radius: 50%;
 									background-color: #fe413d;
+									box-shadow: 0 8upx 8upx rgba(254, 65, 61, 0.6);
 									.t {
 										color: #fff;
 										font-size: 20upx;