diff --git a/pages/account/ledger.vue b/pages/account/ledger.vue index 1664ee5..d47a8f7 100644 --- a/pages/account/ledger.vue +++ b/pages/account/ledger.vue @@ -57,7 +57,7 @@ - {{ item.billCode.split("@")[0] }} + {{ item.billCode }} {{item.changeBalance>0?'+':''}}{{ item.changeBalance }} (KIP) diff --git a/pages/account/transactionRecord.vue b/pages/account/transactionRecord.vue index ee6d155..56b874d 100644 --- a/pages/account/transactionRecord.vue +++ b/pages/account/transactionRecord.vue @@ -43,7 +43,7 @@ - {{ item.remark }} + {{ item.billCode }} {{item.changeBalance>0?'+':''}}{{ item.changeBalance }} (KIP) @@ -51,7 +51,7 @@ - {{ item.time }} + {{ item.timeFormat }} @@ -65,19 +65,19 @@ - + - + \ No newline at end of file diff --git a/pages/mine/wallet/index.vue b/pages/mine/wallet/index.vue index a9cd789..b7f70d9 100644 --- a/pages/mine/wallet/index.vue +++ b/pages/mine/wallet/index.vue @@ -1,328 +1,368 @@ + page { + height: 100%; + } + + .amount2 { + display: flex; + align-items: flex-start; + } + + .wallet-page { + // min-height: 100%; + // background: linear-gradient(180deg, #FEE1A8 0%, #f9f8f8 30%); + // background-color: #2C53CA; + // background-image: url('/static/svgs/lines.svg'); + // background-size: 200%; + // background-position: center; + } + + .list-background { + background: rgba(248, 247, 246, 0); + // min-height: 500px; + } + + .balance-card { + margin-bottom: 20rpx; + margin-left: 32rpx; + margin-right: 32rpx; + padding: 32rpx; + background: #FFFFFF; + border-radius: 16rpx; + box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04); + } + + .balance-header { + display: flex; + justify-content: space-between; + align-items: center; + } + + .balance-label { + display: flex; + align-items: center; + gap: 8rpx; + font-size: 14px; + color: #666666; + } + + .safety-tag { + display: flex; + align-items: center; + gap: 4rpx; + font-size: 12px; + color: #FF9500; + } + + .balance-amount { + margin: 32rpx 0; + font-size: 76rpx; + font-weight: 600; + color: #333333; + } + + .action-buttons { + display: flex; + gap: 100rpx; + } + + .withdraw-btn, + .recharge-btn { + flex: 1; + height: 80rpx; + line-height: 80rpx; + border-radius: 8rpx; + font-size: 14px; + } + + .withdraw-btn { + background: #F5F5F5; + color: #333333; + } + + .recharge-btn { + background: #FFE4BA; + color: #333333; + } + + .transaction-list { + margin: 32rpx; + padding: 32rpx; + background: #FFFFFF; + border-radius: 16rpx; + box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04); + min-height: 270px; + } + + .list-header { + display: flex; + justify-content: space-between; + align-items: center; + height: 88rpx; + font-size: 30rpx; + font-weight: 600; + margin-top: -16rpx; + border-bottom: 1px solid #F5F5F5; + } + + .view-all { + display: flex; + align-items: center; + color: #999999; + } + + .transaction-item { + display: flex; + justify-content: space-between; + padding: 24rpx 0; + border-bottom: 1px solid #eaeaea; + } + + // .transaction-item:last-child { + // border-bottom: none; + // } + + .transaction-info { + display: flex; + flex-direction: column; + gap: 8rpx; + } + + .transaction-type { + font-size: 30rpx; + font-weight: bold; + color: #333333; + } + + .transaction-time { + font-size: 24rpx; + color: #999999; + } + + .transaction-remark { + // width: 85%; + font-size: 28rpx; + color: #999999; + } + + .transaction-amount { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 8rpx; + } + + .amount { + font-size: 14px; + font-weight: 500; + } + + .positive { + color: #07C160; + } + + .negative { + color: #c73d3d; + } + + .balance { + font-size: 12px; + color: #999999; + float: left; + } + \ No newline at end of file