1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- .table {
- width: 100vw;
- background-color: #ffffff;
- box-sizing: border-box;
- margin-top: 30rpx;
- .label {
- display: flex;
- align-items: center;
- height: 80rpx;
- padding: 0 20rpx;
- font-weight: bold;
- font-size: 26rpx;
- color: #666;
- .text {
- display: inline-block;
- width: 14rpx;
- height: 26rpx;
- background: #31A7FF;
- margin-right: 14rpx;
- }
- }
- .scroll {
- width: 100vw;
- .row,
- .row-label {
- display: flex;
- align-items: center;
- font-weight: bold;
- padding-left: 30rpx;
- width: 100%;
- background-color: #F2F2F2;
- .line-1 {
- height: 70rpx;
- line-height: 70rpx;
- background-color: #F2F2F2;
- width: 240rpx;
- flex-shrink: 0;
- }
- //排行的样式
- .line-1:first-child {
- width: 100rpx !important;
- position: relative;
- .tag {
- position: absolute;
- top: 12rpx;
- left: 4rpx;
- width: 45rpx;
- height: 45rpx;
- text-align: center;
- color: #fff;
- font-weight: bold;
- line-height: 45rpx;
- border-radius: 6rpx;
- }
- }
- }
- .row:nth-child(odd) {
- background-color: #fff;
- view {
- background-color: #fff;
- }
- }
- .row-label {
- font-weight: normal;
- }
- }
- }
|