page { background-color: #f4f4f4; } .main > view { /* background-color: white; */ } .active { color: #FF6768; font-weight: bold; position: relative; } .active::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50%; height: 4rpx; background-color: #FF6768; } .avatar { display: block; width: 60rpx; height: 60rpx; background-color: #eee; border-radius: 50%; } .img { display: block; width: 200rpx; height: 200rpx; background-color: #eee; } .money::before { content: '¥'; font-size: 22rpx; } .noMore { padding: 20rpx; color: #bbb; text-align: center; font-size: 26rpx; background-color: transparent !important; } .tab-head { position: fixed; width: 100%; top: 0; } .tab-content { box-sizing: border-box; padding: 96rpx 20rpx 20rpx 20rpx; } .tab-head, .item { background-color: white; } .item { border-radius: 12rpx; } .item ~ .item { margin-top: 20rpx; } .icon-ren { font-size: 60rpx; line-height: 60rpx; color: #ccc; }