|
@@ -0,0 +1,89 @@
|
|
|
+.wrapper {
|
|
|
+ padding: 66rpx 0 100rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.width-690 {
|
|
|
+ width: 690rpx;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.user-info {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.portrait {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ image {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: pink;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.user-name-wrap {
|
|
|
+ margin-left: 12rpx;
|
|
|
+
|
|
|
+ .name {
|
|
|
+ line-height: 48rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: rgba(37, 31, 57, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .account {
|
|
|
+ margin-top: 4rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: rgba(67, 70, 101, 1);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.dashboard {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100%;
|
|
|
+ height: 329rpx;
|
|
|
+ padding: 46rpx 0 33rpx;
|
|
|
+ margin-top: 52rpx;
|
|
|
+ border-radius: 32rpx;
|
|
|
+ background: pink;
|
|
|
+
|
|
|
+ .data,
|
|
|
+ .btn {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .label {
|
|
|
+ line-height: 40rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: rgba(157, 151, 177, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .value {
|
|
|
+ margin-top: 6rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+ font-size: 64rpx;
|
|
|
+ color: rgba(37, 31, 57, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ background: pink;
|
|
|
+ }
|
|
|
+
|
|
|
+ .check {
|
|
|
+ line-height: 40rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: rgba(157, 151, 177, 1);
|
|
|
+ }
|
|
|
+}
|