1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- page {
- background-color: #f2f2f2;
- }
- .tab-item {
- width: 100%;
- box-sizing: border-box;
- background-color: #fff;
- flex-direction: row;
- display: flex;
- justify-content: space-around;
- align-items: center;
- }
- .tab-item .item {
- height: 80rpx;
- font-size: 32rpx;
- flex-direction: row;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .tab-item .item-checked {
- color: #6784f4;
- border-bottom: 2rpx #6784f4 solid;
- }
- scroll-view{
- width: 100%;
- height: 93vh;
- box-sizing: border-box;
- flex-direction: column;
- display: flex;
- padding: 20rpx 30rpx 0rpx 30rpx;
- }
- .list-item{
- width: 100%;
- height: 220rpx;
- flex-direction: row;
- display: flex;
- align-items: center;
- background-color: #fff;
- border-radius: 10rpx;
- margin-bottom: 20rpx;
- }
- .list-item .head-img{
- width: 140rpx;
- height: 140rpx;
- border-radius: 50%;
- margin-left: 50rpx;
- margin-right: 50rpx;
- border: 2rpx solid #e5e5e5;
- }
- .list-item .name{
- font-size: 30rpx;
- font-weight: 700;
- }
- .list-item .address{
- flex-direction: row;
- display: flex;
- align-items: center;
- }
- .list-item .address-img{
- width: 28rpx;
- height: 30rpx;
- margin-right: 10rpx;
- }
- .list-item .create-time{
- font-size: 26rpx;
- color: #666;
- }
- .list-item .btn-img{
- width: 150rpx;
- height: 50rpx;
- }
|