From 76b111b85a391306e17d33187a594c94e0de1f41 Mon Sep 17 00:00:00 2001
From: zuoxiao <470321431@qq.com>
Date: 星期三, 28 二月 2024 08:30:36 +0800
Subject: [PATCH] 电子钱包界面
---
pages/wallet/wallet.wxss | 79 ++++++++++++++++++++++++++++++++++-----
1 files changed, 69 insertions(+), 10 deletions(-)
diff --git a/pages/wallet/wallet.wxss b/pages/wallet/wallet.wxss
index bcf4c6b..3abc3c1 100644
--- a/pages/wallet/wallet.wxss
+++ b/pages/wallet/wallet.wxss
@@ -3,6 +3,12 @@
.base-wrapper {
background-color: #f5f5f5;
+ width: 100%;
+ height: 100vh;
+ overflow: hidden;
+ /* 闃叉搴曢儴鍖哄煙婊氬姩 */
+ display: flex;
+ flex-direction: column;
}
.top-wrapper {
@@ -19,22 +25,24 @@
}
-.top-one{
+.top-one {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 20vh;
}
-.top-wallet-bg{
- width: 40%;
- height: 100%;
+
+.top-wallet-bg {
+ width: 40%;
+ height: 100%;
}
-.top-wallet-bg image{
+
+.top-wallet-bg image {
width: 100%;
height: 100%;
}
-.top-money-button{
+.top-money-button {
display: flex;
flex-direction: column;
justify-content: space-around;
@@ -43,14 +51,14 @@
-.top-wrapper-button{
+.top-wrapper-button {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-right: 30rpx;
}
-.button-refund{
+.button-refund {
font-size: 35rpx;
border-radius: 90px;
width: 30%;
@@ -58,13 +66,15 @@
display: flex;
align-items: center;
padding-top: 10rpx;
- padding-bottom: 10rpx;
+ padding-bottom: 15rpx;
padding-left: 30rpx;
padding-right: 30rpx;
justify-content: center;
+ text-align: center;
color: #fff;
}
-.button-recharge{
+
+.button-recharge {
color: #000;
font-size: 35rpx;
border-radius: 90px;
@@ -78,4 +88,53 @@
padding-bottom: 10rpx;
padding-left: 30rpx;
padding-right: 30rpx;
+}
+
+.list-item {
+ background-color: #fff;
+ margin-top: 10rpx;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-left: 30rpx;
+ padding-right: 30rpx;
+ padding-top: 40rpx;
+ padding-bottom: 40rpx;
+ margin-left: 20rpx;
+ margin-right: 20rpx;
+}
+
+.scroll-view {
+ margin-top: 30rpx;
+ flex: 1;
+ overflow-y: auto;
+ /* 鍏佽鍨傜洿婊氬姩 */
+ z-index: 0;
+}
+
+.order-right {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.money-wrapper text {
+ font-size: 50rpx;
+ color: #1890FF;
+}
+
+.order-state {
+ font-size: 30rpx;
+ color: #000000;
+ opacity: 0.7;
+
+}
+.order-code text{
+ font-size: 35rpx;
+ color: #000000;
+}
+.order-time{
+ font-size: 35rpx;
+ color: #000000;
+ opacity: 0.7;
}
\ No newline at end of file
--
Gitblit v1.8.0