12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- page {
- background-color: #0F0F1D;
- width: 100%;
- height: 100vh;
- }
- .page {
- width: 750rpx;height:1624rpx;
- background: linear-gradient( 180deg, #24234B 0%, #0F0F1D 100%);
- border-radius: 0rpx 0rpx 0rpx 0rpx;
- background-repeat: repeat-y;
- }
- .list_info {
- display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
- width:750rpx;
-
- .item {
- margin-top: 20rpx;color:#fff;font-size: 28rpx;
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- width: 690rpx;height: 134rpx;
- background: #2D3458;
- border-radius: 24rpx 24rpx 24rpx 24rpx;
- .left {
- display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
- padding-left:30rpx;
- .name {
- margin-bottom:20rpx;
- font-weight: 400;
- font-size: 28rpx;
- color: #FFFFFF;
- }
- .desc {
- font-weight: 400;
- font-size: 24rpx;
- color: #999999;
- }
- }
- .right {
- padding-right: 30rpx;
- font-weight: bold;
- font-size: 36rpx;
- color: #FFFFFF;
- }
- }
- }
- .blankHeight {
- height:300rpx;
- }
- .no-content {
- display: flex;flex-direction: column;justify-content: center;align-items: center;
- padding: 60rpx;
- image {
- width:434rpx;height:234rpx;
- }
- font-weight: 400;
- font-size: 24rpx;
- color: #999999;
- }
|