// 超出行数,自动显示行尾省略号,最多5行 @for $i from 1 through 5 { .u-line-#{$i} { /* #ifdef APP-NVUE */ // nvue下,可以直接使用lines属性,这是weex特有样式 lines: $i; text-overflow: ellipsis; overflow: hidden; flex: 1; /* #endif */ /* #ifndef APP-NVUE */ // vue下,单行和多行显示省略号需要单独处理 @if $i == '1' { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @else { display: -webkit-box!important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: $i; -webkit-box-orient: vertical!important; } /* #endif */ } } .background-none{ background-color: #fff; min-height: 100vh; } .new-apps-box{ padding-bottom: 30upx; .new-apps-warp{ display: flex; flex-wrap: wrap; margin: 0 14px; .new-apps-item{ flex-basis: 32%; margin-top: 30upx; background-color: #f8f9fd; padding: 20upx 0; margin-left: 2%; &:nth-child(3n + 1){ margin-left: 0; } .a{ display: flex; justify-content: center; flex-wrap: wrap; .image{ flex-basis: 100%; text-align: center; image{ width: 50upx; height: 50upx; } } .title{ flex-basis: 100%; text-align: center; margin-top: 10upx; } } } } }