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; }