diff --git a/pages/index/index.vue b/pages/index/index.vue index b8f3fa2..cb9cd1e 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -2,20 +2,20 @@ - - + - + - + 欢迎,{{ userName }} @@ -85,69 +85,70 @@ 访客人数 --> - - - - 当前等级 - {{ currentGrade ? currentGrade : "A0" }} - - - - - - + + + + + + + {{ currentWholeIncome ? currentWholeIncome : 0 }} + 当前业绩 + - - --> - - - {{ currentWholeIncome ? currentWholeIncome : 0 }} - 当前业绩 - - - - - - {{ currentRealIncome ? currentRealIncome : 0 }} + + + + {{ currentRealIncome ? currentRealIncome : 0 }} + + 当期项目收益(元) - 当期项目收益(元) - - - - {{ currentIntegral ? currentIntegral : 0 }} + + + {{ currentIntegral ? currentIntegral : 0 }} + + 当期积分 - 当期积分 - + + 物料记录 @@ -1567,8 +1568,6 @@ export default { .back-img{ background-repeat: no-repeat; background-size: 100%; - width: 84px; - height: 84px; border-radius: 50%; display: flex; align-items: center; @@ -1579,9 +1578,10 @@ export default { width: 61px; height: 30px; line-height: 30px; - border: 1px solid #fff; - color: #fff; - font-size: 12px; + background-image: linear-gradient(-48deg, #ffcb51,#ffc24a,#fe7416); + border: 1px solid #ffbf49; + color: #ffffb2; + font-size: 28rpx; text-align: center; position: absolute; top: 0; @@ -1669,15 +1669,16 @@ page { .gxbox { display: flex; - font-size: 20rpx; - width: 100%; - background-color: #019c88; + font-size: 24rpx; + width: 96%; + margin: 0 auto; color: #fff; border-radius: 15px 15px 0 0; padding: 0 30rpx; height: 60rpx; margin-top: 2rpx; justify-content: space-between; + background: linear-gradient(-48deg,rgba(104, 206, 190, 0.35),rgba(50, 191, 173, 0.7)); } .wztext { @@ -1686,15 +1687,13 @@ page { //text-overflow: ellipsis; white-space: nowrap; } - - .dengjibox { position: relative; width: 100%; height: 276rpx; background: linear-gradient(-45deg, #88d7c9, #1BB9A5, #88d7c9); //box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(26,25,26,0.3); - border-radius: 20rpx 20rpx 0 0; + border-radius: 20rpx; padding: 30rpx; color: #ffffff; display: flex; @@ -1723,10 +1722,10 @@ page { background: url(../../static/images/index/vip.png) no-repeat center; background-size: cover; width: 220rpx; - height: 77px; + height: 85px; font-size: 22px; text-align: center; - line-height: 90px; + line-height:100px; } .xianb { @@ -1770,10 +1769,9 @@ page { border: 2px #ededed solid; border-radius: 10px; padding: 30rpx; - background: #fff; text-align:center; + background: #fff; } - .tapDsalk { width: 31%; border: 2px #ededed solid; @@ -1782,7 +1780,6 @@ page { border: 2px solid rgb(207, 237, 225); background-color: rgb(246, 252, 250); } - .sda { height: 36px; line-height: 30px; @@ -1799,8 +1796,8 @@ page { } .online-tag { - color: #ffffff; - font-size: 29rpx; + color: #019c88; + font-size: 26rpx; } .img-avatar { @@ -2051,10 +2048,9 @@ uni-switch::before { width: 75%; } .head-port{ - width: 55px; - height: 55px; + width:64px; + height:64px; border-radius: 50%; - margin-bottom: 5px; } .title-font{ @@ -2073,5 +2069,19 @@ uni-switch::before { .padding-sm{ padding: 11px 11px 0px 11px; } - +.avatar-section{ + padding:50rpx 0 30rpx 0; +} +.avatar-section-text{ + font-size: 32rpx; + color: #019c88; + font-weight: bold; +} +.money_text1{ + font-size:46rpx; + font-weight: bold; +} +.money_text2{ + font-size:26rpx; +} \ No newline at end of file diff --git a/pages/my/index.vue b/pages/my/index.vue index c510fdb..da9fe92 100644 --- a/pages/my/index.vue +++ b/pages/my/index.vue @@ -2,8 +2,8 @@ - - + - - - - {{ userName }} + + + + {{ userName }}1111 @@ -26,7 +26,7 @@ - + 暂未实名认证 @@ -64,7 +64,7 @@ --> - + @@ -75,35 +75,35 @@ 立即提现 - + - + {{ dailyEarnings ? dailyEarnings : '0' }} - 当日收益 + 当日收益 - + {{ earnings ? earnings : '0' }} - 当期收益 + 当期收益 - + {{ currentMonthsIncome ? currentMonthsIncome : '0' }} - 当月收益 + 当月收益 - - + + {{ currentEndDate ?currentEndDate : "暂无数据" }} - 当期结束日 + 当期结束日 @@ -818,13 +818,10 @@ color:#019c88; font-size: 26rpx; padding: 8rpx 20rpx; - } .back-img{ background-repeat: no-repeat; background-size: 100%; - width: 84px; - height: 84px; border-radius: 50%; display: flex; align-items: center; @@ -840,7 +837,6 @@ .wode-view{ width: 150rpx; height: 80rpx; - background: #007B6A; border-radius: 20rpx; color: #fff; line-height: 80rpx; @@ -864,10 +860,11 @@ .headbox { width: 100%; - padding: 0 40rpx; - height: 315px; + height: 320px; + padding: 0 20px; background-image: url('../../static/index/technician15.png'); - background-size: cover; + background-repeat: no-repeat; + background-size: 100%; } .xyf { @@ -898,20 +895,24 @@ color: #fff; } - .money_text1 { + .money_text1{ + font-size:46rpx; font-weight: bold; - font-size: 32rpx; - color: #fff; } - + .money_text2{ + font-size:24rpx; + } + .money_text3{ + font-size:30rpx; + font-weight: bold; + line-height: 56rpx; + } .moneybox { width: 100%; - margin-top: 10px; } - .btnyt { background-color: #ffffff; - width: 240rpx; + width: 200rpx; height: 70rpx; line-height: 70rpx; text-align: center; @@ -984,9 +985,33 @@ margin-left: 10rpx; } .head-port{ - width: 55px; - height: 55px; + width:64px; + height:64px; border-radius: 50%; - margin-bottom: 5px; + } + .avatar-section{ + padding:50rpx 0 30rpx 0; + } + .avatar-section-text{ + font-size: 32rpx; + color: #019c88; + font-weight: bold; + } + .online-tag { + color: #019c88; + font-size: 26rpx; + } + .dengjibox { + position: relative; + width: 100%; + height: 300rpx; + background: linear-gradient(-45deg, #88d7c9, #1BB9A5, #88d7c9); + //box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(26,25,26,0.3); + border-radius: 20rpx; + padding: 30rpx; + color: #ffffff; + display: flex; + flex-direction: column; + justify-content: space-between; } \ No newline at end of file diff --git a/static/index/technician15.png b/static/index/technician15.png index d724251..93dddc2 100644 Binary files a/static/index/technician15.png and b/static/index/technician15.png differ