/* pages/mine/index.wxss */ .body { min-height: calc(100vh - 60rpx); padding: 30rpx; } .body .header { display: flex; flex-direction: column; justify-content: space-between; height: 250rpx; padding: 40rpx; background: #1a191e; border-radius: 10rpx; } .body .header .info-box { display: flex; justify-content: space-between; align-items: center; } .body .header .info-box>image { width: 100rpx; height: 100rpx; margin-right: 30rpx; border-radius: 50%; } .body .header .info-box>text { flex: 1; color: #fff; font-size: 38rpx; } .body .header .info-box .info-btn { width: 122rpx; height: 46rpx; border: 2rpx solid rgba(255, 255, 255, 0.4); border-radius: 23rpx; font-size: 24rpx; color: #fff; line-height: 46rpx; text-align: center; } .body .header .price-box { display: flex; justify-content: space-between; align-items: center; text-align: center; } .body .header .price-box .price-item { flex: 1; } .body .header .price-box .price-item .number { margin-bottom: 18rpx; font-size: 38rpx; color: #fff; line-height: 38rpx; } .body .header .price-box .price-item .number.money { color: #f3515c; } .body .header .price-item .price-title { display: flex; justify-content: center; align-items: center; font-size: 24rpx; line-height: 24rpx; color: rgba(255, 255, 255, 0.6); } .body .header .price-item .price-title>text:last-child { color: #b89e29; } .body .header .price-box .line { width: 2rpx; height: 50rpx; background: #39383c; } .body .list { margin-top: 30rpx; border-radius: 10rpx; background: #1a191e; } .body .list .cell { display: flex; justify-content: space-between; align-items: center; height: 98rpx; padding: 0 30rpx; border-bottom: 2rpx solid #212025; font-size: 24rpx; color: rgba(255, 255, 255, 0.6); } .body .list .cell>image { width: 10rpx; height: 16rpx; } .body .list .cell.unLine { border-bottom: none; } .body .logout-btn { margin: 150rpx 100rpx 0 100rpx; text-align: center; background: #1a191e; height: 80rpx; border-radius: 40rpx; line-height: 80rpx; font-size: 28rpx; color: #c9ac2a; }