From 101c5f797b308e59488d49c091aeb63f953b4df4 Mon Sep 17 00:00:00 2001 From: huziyuan Date: Tue, 2 Feb 2021 12:38:57 +0800 Subject: [PATCH] UI --- assets/myinfo/rtWhite.png | Bin 0 -> 402 bytes assets/myinfo/wsmicon.png | Bin 1738 -> 2324 bytes assets/myinfo/ysmicon.png | Bin 1851 -> 5080 bytes pages/home/index/index.wxml | 5 +- pages/home/index/index.wxss | 60 +++++--------- pages/withdrawal/balance/index.js | 8 ++ pages/withdrawal/balance/index.wxml | 36 ++++++-- pages/withdrawal/balance/index.wxss | 122 +++++++++++++++++++++++++++- 8 files changed, 183 insertions(+), 48 deletions(-) create mode 100644 assets/myinfo/rtWhite.png diff --git a/assets/myinfo/rtWhite.png b/assets/myinfo/rtWhite.png new file mode 100644 index 0000000000000000000000000000000000000000..793fff51618ad441b631742aab876bed194a5443 GIT binary patch literal 402 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 diff --git a/pages/home/index/index.wxml b/pages/home/index/index.wxml index b15277a..b8896b4 100644 --- a/pages/home/index/index.wxml +++ b/pages/home/index/index.wxml @@ -65,6 +65,7 @@ 查看更多订单 + @@ -111,6 +112,7 @@ 进入钱包 + @@ -151,7 +153,8 @@ 其他工具 - + + diff --git a/pages/home/index/index.wxss b/pages/home/index/index.wxss index ee9d408..16cd4a2 100644 --- a/pages/home/index/index.wxss +++ b/pages/home/index/index.wxss @@ -158,43 +158,14 @@ } -/* .dmArea { - width: 686rpx; - height: 220rpx; - background-color: white; - margin-top: 15rpx; - margin-left: 32rpx; - position: relative; - padding: 15rpx 30rpx 15rpx 50rpx; -} */ - -.daAreaTietleText { - position: relative; - font-family: PingFangSC-Medium; - font-size: 30rpx; - color: rgba(0, 0, 0, 0.85); - letter-spacing: 0; -} - -.dmAreaConten { - width: 610rpx; - height: 212rpx; - padding-top: 35rpx; -} - -.iconArea { - width: 68rpx; - height: 68rpx; - margin-left: 5rpx; -} - - .boderLine { - width: 88%; + width: 91%; height: 1rpx; - border-bottom: 2rpx solid rgb(216, 213, 213); + border-bottom: 1rpx solid rgb(235, 235, 235); position: absolute; - top: 65rpx; + top: 72rpx; + left: 32rpx; + } @@ -210,6 +181,9 @@ height: 269rpx; padding-bottom: 40rpx; background-color: white; + border-radius: 10rpx; + border-radius: 10rpx; + position: relative; } .dmArea1-top { @@ -297,6 +271,10 @@ height: 224rpx; background-color: white; margin-top: 20rpx; + border-radius: 10rpx; + border-radius: 10rpx; + position: relative; + } .dmArea2-top { @@ -413,6 +391,9 @@ margin-top: 20rpx; padding: 23rpx 32rpx 23rpx 33.5rpx; background-color: white; + border-radius: 10rpx; + border-radius: 10rpx; + position: relative; } .dmArea3-left { @@ -462,12 +443,11 @@ width: 686rpx; background-color: white; margin-top: 20rpx; + border-radius: 10rpx; + border-radius: 10rpx; + position: relative; } -.dmArea4-top {} - -.dmArea4Content {} - .dmArea4ImgView { height: 68rpx; width: 100%; @@ -494,4 +474,8 @@ outline: none; background-color: unset; background-color: transparent; +} + +.dmArea4Content{ + margin-top: 15rpx; } \ No newline at end of file diff --git a/pages/withdrawal/balance/index.js b/pages/withdrawal/balance/index.js index cb86ba1..43593d2 100644 --- a/pages/withdrawal/balance/index.js +++ b/pages/withdrawal/balance/index.js @@ -1,6 +1,7 @@ // pages/withdrawal/balance/index.js import { getBalanceInfo } from "../../api/payment" const math = require('../../../utils/math') +const util = require('../../../utils/util') Page({ /** @@ -21,5 +22,12 @@ Page({ }).catch(err => { wx.hideLoading() }) + }, + toPage:function(e){ + if (e.currentTarget.id == 'toTx') { + util.navigateTo('/pages/withdrawal/vcheckout/index') + } else if (e.currentTarget.id == 'toRt') { + wx.navigateBack() + } } }) \ No newline at end of file diff --git a/pages/withdrawal/balance/index.wxml b/pages/withdrawal/balance/index.wxml index 0f67217..9e996bb 100644 --- a/pages/withdrawal/balance/index.wxml +++ b/pages/withdrawal/balance/index.wxml @@ -1,10 +1,33 @@ - - 余额 - + + + + + + 我的钱包 + + + + + + 我的余额（元） + {{formate.numberFormat(accountMoney)}} + 提现中的金额：{{formate.numberFormat(frozenMoney)}} + + - + + + + + + + + + + + \ No newline at end of file diff --git a/pages/withdrawal/balance/index.wxss b/pages/withdrawal/balance/index.wxss index 292bbb6..2ea3aab 100644 --- a/pages/withdrawal/balance/index.wxss +++ b/pages/withdrawal/balance/index.wxss @@ -1 +1,121 @@ -/* pages/withdrawal/balance/index.wxss */ \ No newline at end of file +/* pages/withdrawal/balance/index.wxss */ +.topArea { + height: 337rpx; + background-image: linear-gradient(124deg, rgba(0, 122, 255, 0.67) 0%, rgba(13, 100, 227, 0.95) 100%); + position: relative; +} + +.topHeadArea { + width: 750rpx; + height: 128rpx; + position: absolute; + top: 0rpx; + padding: 32rpx; +} + +.vipBjImg2 { + height: 32rpx; + width: 100%; + position: absolute; + bottom: 0rpx; +} + +.topHeadAreaLeft { + width: 48rpx; + height: 100%; + position: absolute; + top: 0rpx; + left: 0rpx; + padding-left: 20rpx; + padding-top: 60rpx; +} + +.topText { + height: 100%; + width: 100%; + font-family: PingFangSC-Medium; + font-size: 36rpx; + color: #FFFFFF; + letter-spacing: 0; + text-align: center; + margin-top: 27rpx; +} + +.dhImg { + width: 48rpx; + height: 48rpx; +} + +.midArea { + background: #FFFFFF; + box-shadow: 0 2px 14px 0 rgba(220, 220, 220, 0.50); + border-radius: 20rpx; + border-radius: 20rpx; + width: 686rpx; + height: 470rpx; + position: absolute; + top: 148rpx; + left: 32rpx; + right: 32rpx; + position: relative; +} + +.view1 { + font-family: PingFangSC-Regular; + font-size: 36rpx; + color: rgba(0, 0, 0, 0.75); + letter-spacing: 0; + text-align: center; + width: 100%; + height: 50rpx; + position: absolute; + top: 56rpx; + +} + +.view2 { + font-family: ArialMT; + font-size: 100rpx; + color: rgba(0, 0, 0, 0.85); + letter-spacing: 0; + text-align: center; + width: 100%; + height: 112rpx; + position: absolute; + top: 120rpx; +} + +.view3 { + font-family: PingFangSC-Regular; + font-size: 36rpx; + color: rgba(0, 0, 0, 0.50); + letter-spacing: 0; + width: 100%; + height: 50rpx; + text-align: center; + position: absolute; + top: 248rpx; +} + +.view4 { + width: 100%; + height: 96rpx; + padding-left: 24rpx; + padding-right: 24rpx; + position: absolute; + top: 334rpx; +} + +.view4Btr { + background: #007AFF; + border-radius: 8rpx; + border-radius: 8rpx;color: white; +} +.bottomView{ + width: 100%; + height: 96rpx; + padding-left: 32rpx; + padding-right: 32rpx; + position: absolute; + top: 638rpx; +} \ No newline at end of file