feat(uniapp): 多行展示商品名

This commit is contained in:
Kroytz committed 2026-07-31 13:35:41 +08:00
1 parent 0e117875c7
commit c902d018d9
3 files changed
+34 -22

No files matched your search

+15 -2
View File
@@ -957,6 +957,17 @@ $menu-divider-height: 2rpx;
white-space: nowrap;
}
// 商品名:最多三行展示,超出省略
@mixin text-ellipsis-3 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
@mixin quantity-control($size) {
.btn,
.number {
@@ -1247,8 +1258,10 @@ page {
.name {
width: 100%;
margin-bottom: $menu-gap-sm;
font-size: $font-size-base;
@include text-ellipsis;
font-size: 24rpx;
line-height: 32rpx;
font-weight: 600;
@include text-ellipsis-3;
}
.tips {