feat(uniapp): 多行展示商品名
This commit is contained in:
1 parent
0e117875c7
commit
c902d018d9
3 files changed
+34
-22
No files matched your search
@@ -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 {
|
||||
|
||||
Reference in new issue
Block a user