| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- page {
- padding: 0;
- }
- .box {
- display: flex;
- flex-direction: column;
- min-height: 100vh;
- }
- .tabs {
- width: 100vw;
- height: 102rpx;
- background-color: #ffffff;
- margin-bottom: 10rpx;
- flex-shrink: 0;
- padding-top: 27rpx;
- padding-left: 40rpx;
- box-sizing: border-box;
- }
- .contents {
- flex: 1;
- width: 100vw;
- background-color: #ffffff;
- }
- .contents .title {
- height: 44rpx;
- font-size: 32rpx;
- color: #000000;
- line-height: 44rpx;
- box-sizing: border-box;
- margin: 30rpx 0 30rpx 40rpx;
- }
- /* 列表 */
- .list {
- width: 100vw;
- padding-left: 60rpx;
- box-sizing: border-box;
- }
- .list .item {
- display: flex;
- align-items: center;
- height: 70rpx;
- line-height: 70rpx;
- margin-bottom: 30rpx;
- font-size: 32rpx;
- color: rgba(0, 0, 0, .7);
- }
- .list .item image {
- width: 70rpx;
- height: 70rpx;
- border-radius: 50%;
- margin-right: 20rpx;
- flex-shrink: 0;
- }
- .list .item text {
- display: inline-block;
- max-width: 284rpx;
- margin-right: 15rpx;
- }
- .list .item view {
- height: 70rpx;
- line-height: 73rpx;
- }
|