| | |
| | | } |
| | | |
| | | .swiper-tab-list{ |
| | | position: relative; |
| | | font-size: 30rpx; |
| | | display: inline-block; |
| | | min-width: 30%; |
| | |
| | | } |
| | | |
| | | .fyui-box { |
| | | margin-bottom: 16px; |
| | | margin-bottom: 1rpx; |
| | | } |
| | | |
| | | |
| | | .fyui-box .fyui-box__hd { |
| | | display: flex; |
| | | align-items: center; |
| | | align-items: flex-start; |
| | | } |
| | | |
| | | .title { |
| | | display: flex; |
| | | width: 100%; |
| | | justify-content: space-between; |
| | | align-items: flex-end; |
| | | font-size: 40rpx; |
| | | font-size: 30rpx; |
| | | margin-left: 16rpx; |
| | | } |
| | | .title>text { |
| | | .right-time { |
| | | display: block; |
| | | font-size: small; |
| | | color: var(--fyui-text-color_2); |
| | | text-align: end; |
| | | } |
| | | |
| | | |
| | |
| | | width: 100%; |
| | | overflow: hidden; */ |
| | | /* text-overflow: ellipsis; */ |
| | | font-size: 30rpx !important; |
| | | font-size: 28rpx !important; |
| | | color: var(--fyui-text-color_1) !important; |
| | | } |
| | | |
| | | .page__ft { |
| | | color: var(--fyui-text-color_2); |
| | | } |
| | | |
| | | .notice-read { |
| | | position: absolute; |
| | | top: 16px; |
| | | left: 4px; |
| | | width: 10px; |
| | | height: 10px; |
| | | background-color: transparent; |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | .notice-not-read { |
| | | position: absolute; |
| | | top: 16px; |
| | | left: 4px; |
| | | width: 10px; |
| | | height: 10px; |
| | | background-color: red; |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | .badge { |
| | | position: absolute; |
| | | top: 8px; |
| | | right: 4px; |
| | | width: 16px; |
| | | height: 16px; |
| | | background-color: red; |
| | | color: white; |
| | | border-radius: 50%; |
| | | font-size: 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .long-content { |
| | | max-height: 60vh; |
| | | margin-top: 16rpx; |
| | | margin-bottom: 16rpx; |
| | | font-size: 30rpx; |
| | | color: #888; |
| | | } |
| | | |
| | | .long-content .content-container { |
| | | white-space: pre-line; |
| | | } |
| | | |
| | | .limit-line { |
| | | /* background-color: aliceblue; */ |
| | | word-break: break-all; |
| | | /* height: 100rpx; */ |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 1; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |