1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- .wrap {
- width: 100%;
- display: flex;
- flex-direction: column;
- padding: 20rpx 24rpx;
- box-sizing: border-box;
- }
- .list {
- width: 100%;
- display: flex;
- flex-direction: column;
- }
- .item {
- width: 100%;
- display: flex;
- flex-direction: column;
- background-color: #FFFFFF;
- border-radius: 16rpx;
- padding: 0 24rpx;
- box-sizing: border-box;
- margin-bottom: 20rpx;
- }
- .row-between {
- width: 100%;
- line-height: 72rpx;
- height: 72rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .name {
- width: 100%;
- height: 70rpx;
- line-height: 70rpx;
- color: #000000;
- font-size: 32rpx;
- display: -webkit-box;
- -webkit-line-clamp: 1;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-box-orient: vertical;
- }
- .row-right {
- display: flex;
- align-items: center;
- }
- .row-right button {
- display: flex;
- align-items: center;
- background-color: initial;
- border-radius: initial;
- margin-right: 24rpx;
- }
- .row-right button:last-child {
- margin-right: 0;
- }
- .row-right button image {
- width: 37rpx;
- }
- .row-left {
- color: #A7A7A7;
- font-size: 26rpx;
- }
- .row-left text {
- margin-left: 20rpx;
- }
- .row-right text {
- margin-right: 45rpx;
- color: #A7A7A7;
- font-size: 26rpx;
- }
|