12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- %flex_center,.flex_center {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- @mixin flex-set($alignItem, $justifyContent) {
- display: flex;
- align-items: $alignItem;
- justify-content: $justifyContent;
- }
- @mixin clamp-set($number) {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-line-clamp: $number; /* 指定显示的行数 */
- // white-space: nowrap; /* 不换行 */
- word-break: break-all; /* 在连续的数字中强制换行 */
- }
- %clamp_1,.clamp_1 {
- @include clamp-set(1);
- }
- %clamp_2,.clamp_2 {
- @include clamp-set(2);
- }
- %width750,.width750 {
- width: 750rpx;
- margin: 0 auto;
- }
- %width690,.width690 {
- width: 690rpx;
- margin: 0 auto;
- }
- %width630,.width630 {
- width: 630rpx;
- margin: 0 auto;
- }
- .numberSumBox {
- width: 690rpx;
- padding: 0 30rpx;
- background: #fff;
- font-size: 30rpx;
- >text {
- color: #dc4646;
- font-weight: 600;
- margin: 0 10rpx;
- }
- }
- %lbTags,.lbTags {
- white-space: nowrap;
- border: 1rpx #919191 solid;
- border-radius: 20%;
- color: $uni-font-text-gray2;
- padding: 2rpx;
- margin-left: 5rpx;
- font-size: 20rpx;
- line-height: 1 !important;
- margin-left: 10rpx;
- white-space: nowrap; /* 强制文本在同一行内显示 */
- word-break: normal; /* 禁止在单词内换行 */
- }
- ::v-deep .uv-cell__title-text {
- font-size: 32rpx;
- font-weight: 600;
- }
|