diff --git a/pages/index/center.vue b/pages/index/center.vue
index df4ad28..d291b32 100644
--- a/pages/index/center.vue
+++ b/pages/index/center.vue
@@ -9,13 +9,14 @@
- 倾心.
+ 可可
+ 黄金会员
+
+
+ ID：Aa63982546
-
- 今天是您来的的第32天
+ 注册时间：2020-10-11
@@ -23,78 +24,39 @@
-
-
-
-
-
-
-
-
- 余额￥3000
-
-
-
-
-
-
-
- 押金￥30000
+
+
+ 会员等级：黄金会员
+ 查看权益>
+
+
+
+
+ 1.00
+ 收益明细
+ 收益明细
+
+
+
+
+
常用功能
-
-
-
-
- 地址管理
-
-
-
-
- 订单管理
-
-
-
-
- 换货
-
-
-
-
- 退货
-
-
-
-
-
-
-
- 联系客服
-
-
-
-
- 我的租赁
-
-
-
-
- 租赁车
-
-
-
-
- 申请成为水洗店
-
-
+
+
+
+
+
+
+
+
@@ -112,14 +74,11 @@
tabber,
userShopCommission,
},
- computed: {
- },
+ computed: {},
data() {
- return {
- }
+ return {}
},
- methods: {
- }
+ methods: {}
}
@@ -195,19 +154,28 @@
font-size: 28rpx;
.vip {
- background-color: #FCCC92;
- color: #FA6239;
- width: 100rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- height: 40rpx;
- border-radius: 20rpx;
- margin-top: 20rpx;
+ color: #909294;
+ font-size: 24rpx;
+
}
.name {
- font-size: 32rpx;
+ display: flex;
+ align-items: center;
+
+ .one {
+ color: #343140;
+ font-size: 32rpx;
+ font-weight: 600;
+ }
+
+ .two {
+ font-size: 24rpx;
+ margin-left: 10rpx;
+ padding: 3rpx 16rpx;
+ border-radius: 18rpx;
+ background-color: rgb(252, 213, 157);
+ }
}
.tips {
@@ -215,70 +183,73 @@
color: #ABABAB;
}
}
+ }
- .headBtn {
- margin-left: auto;
- padding: 15rpx 20rpx;
- background-color: $uni-color;
- color: #fff;
- border-radius: 20rpx;
- margin-top: 50rpx;
- }
-
- .setting {
- position: absolute;
- right: 50rpx;
- top: 50rpx;
- }
+ .headBtn {
+ margin-left: auto;
+ padding: 15rpx 20rpx;
+ background-color: $uni-color;
+ color: #fff;
+ border-radius: 20rpx;
+ margin-top: 50rpx;
}
- .user {
- .line {
- display: flex;
- background-color: #fff;
- margin-top: 20rpx;
- padding: 20rpx 0;
+ .setting {
+ position: absolute;
+ right: 50rpx;
+ top: 50rpx;
+ }
- .item {
- flex: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 20rpx 0;
+ .earnings {
+ width: 94%;
+ margin-left: 3%;
- &:nth-child(1) {
- border-right: 1px solid #00000013;
- }
+ .member {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 90%;
+ margin-left: 5%;
+ height: 80rpx;
+ background-image: url("../../static/image/center/12.png");
+ background-size: 100% 100%;
+ font-size: 28rpx;
+ color: #F9CF93;
- .image {
- width: 100rpx;
- height: 70rpx;
- margin-right: 20rpx;
- }
+ view {
+ margin: 0 20rpx;
}
}
+ .deposit {
+ height: 300rpx;
+ margin-top: -20rpx;
+ background-color: rgb(163, 201, 80);
+ border-radius: 40rpx;
+ }
+ }
+
+ .user {
+
.grid {
flex-direction: column;
font-size: 26rpx;
padding: 20rpx;
.title {
- margin-bottom: 30rpx;
- font-size: 28rpx;
font-weight: 600;
+ padding: 10rpx;
+ border-left: 6rpx solid #A3D250;
}
+ }
- .image {
- width: 70rpx;
- height: 70rpx;
- margin-bottom: 10rpx;
- }
+ .cell-bottom {
+ width: 96%;
+ margin-top: 20rpx;
+ margin-left: 2%;
+ background-color: #fff;
+ border-radius: 20rpx;
- text {
- text-align: center;
- width: 120rpx;
- }
}
}
\ No newline at end of file
diff --git a/static/image/center/12.png b/static/image/center/12.png
new file mode 100644
index 0000000..beb15d5
Binary files /dev/null and b/static/image/center/12.png differ