diff --git a/fuintAdmin/src/views/member/imgs/hy-1.png b/fuintAdmin/src/views/member/imgs/hy-1.png new file mode 100644 index 000000000..b8ca58e38 Binary files /dev/null and b/fuintAdmin/src/views/member/imgs/hy-1.png differ diff --git a/fuintAdmin/src/views/member/imgs/hy-2.png b/fuintAdmin/src/views/member/imgs/hy-2.png new file mode 100644 index 000000000..070eef940 Binary files /dev/null and b/fuintAdmin/src/views/member/imgs/hy-2.png differ diff --git a/fuintAdmin/src/views/member/imgs/hy-3.png b/fuintAdmin/src/views/member/imgs/hy-3.png new file mode 100644 index 000000000..158f4b216 Binary files /dev/null and b/fuintAdmin/src/views/member/imgs/hy-3.png differ diff --git a/fuintAdmin/src/views/member/imgs/hy-4.png b/fuintAdmin/src/views/member/imgs/hy-4.png new file mode 100644 index 000000000..a0447e8a1 Binary files /dev/null and b/fuintAdmin/src/views/member/imgs/hy-4.png differ diff --git a/fuintAdmin/src/views/member/imgs/hy-5.png b/fuintAdmin/src/views/member/imgs/hy-5.png new file mode 100644 index 000000000..e8215fd65 Binary files /dev/null and b/fuintAdmin/src/views/member/imgs/hy-5.png differ diff --git a/fuintAdmin/src/views/member/index.vue b/fuintAdmin/src/views/member/index.vue index 41ef9cc76..701351069 100644 --- a/fuintAdmin/src/views/member/index.vue +++ b/fuintAdmin/src/views/member/index.vue @@ -1,40 +1,51 @@ + - - - - - - + - + - + - + + + + 至 + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 至 - - - + + 搜索 + 重置 + 新增 + + - - 搜索 - 重置 - + @@ -108,6 +82,28 @@ 激活会员总数 {{total}} + + + + + 今日新增/昨日新增 + {{ addNum }}/{{ yesterdayAddNum }} + + + + 充值总人数 + {{balance}} + + + + 储值总余额 + {{balance}} + + + + 积分总余额 + {{point}} + @@ -151,15 +147,12 @@ + - 新增会员 + @@ -204,7 +197,9 @@ - + + 启用 + 禁用 @@ -845,15 +840,78 @@ export default { .ds-dbox{ display: flex; align-items: center; + justify-content: space-between; box-sizing: border-box; - padding: 20px; + padding: 15px; } .k-one{ - width: 20%; + width: 19%; border-radius: 10px; border: 1px solid #F5DF1A; background: rgba(252,238,109,0.1); box-sizing: border-box; padding: 20px; + position: relative; + overflow: hidden; + } + .k-two{ + width: 19%; + border-radius: 10px; + border: 1px solid #0ECB98; + background:rgba(14, 203, 152, 0.10); + box-sizing: border-box; + padding: 20px; + position: relative; + overflow: hidden; + } + .k-three{ + width: 19%; + border-radius: 10px; + border: 1px solid #409EFF; + background: rgba(64,158,255,0.1); + box-sizing: border-box; + padding: 20px; + position: relative; + overflow: hidden; + } + .k-four{ + width: 19%; + border-radius: 10px; + border: 1px solid #FF8E8D; + background: rgba(255,142,141,0.1); + box-sizing: border-box; + padding: 20px; + position: relative; + overflow: hidden; + } + .k-five{ + width: 19%; + border-radius: 10px; + border: 1px solid #647CFF; + background: rgba(100,124,255,0.1); + box-sizing: border-box; + padding: 20px; + position: relative; + overflow: hidden; + } + .r-bot-img{ + position: absolute; + bottom: 5px; + right: 5px; + width:54px; + height: 50px; + + } + + .title_{ + font-weight: 400; + font-size: 14px; + color: #999999; + margin-bottom: 10px; + } + .num-size{ + font-size: 28px; + color: #333333; + font-weight: bold; }