From 19804e37592d2250c551fcf5df1d87cdf551f1d1 Mon Sep 17 00:00:00 2001 From: zuoxiao <470321431@qq.com> Date: 星期一, 12 八月 2024 09:06:39 +0800 Subject: [PATCH] 添加识别二维码切换地址的功能 --- pages/home/home.wxss | 109 +++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 94 insertions(+), 15 deletions(-) diff --git a/pages/home/home.wxss b/pages/home/home.wxss index 336ac99..0a918b8 100644 --- a/pages/home/home.wxss +++ b/pages/home/home.wxss @@ -1,6 +1,6 @@ /* pages/home/home.wxss */ .base-wrapper { - background-color: #f5f5f5; + background-color: #ececec; width: 100%; height: 100vh; overflow: hidden; @@ -76,6 +76,7 @@ .head-text-wrapper text { color: #fff; + font-size: 32rpx; } .balance-label { @@ -148,14 +149,14 @@ .list-item { background-color: #fff; - margin-top: 2rpx; + margin-bottom: 2rpx; display: flex; justify-content: space-between; align-items: center; padding-left: 30rpx; padding-right: 30rpx; - padding-top: 20rpx; - padding-bottom: 20rpx; + padding-top: 30rpx; + padding-bottom: 30rpx; margin-left: 20rpx; margin-right: 20rpx; } @@ -213,12 +214,17 @@ /* 鍘绘帀鎸夐挳杈规 */ border-radius: 5px; /* 鎸夐挳鍦嗚 */ - padding-left: 20rpx; - padding-right: 20rpx; - padding-top: 5rpx; - padding-bottom: 5rpx; + padding-left: 25rpx; + padding-right: 25rpx; + padding-top: 15rpx; + display: flex; + align-items: center; + justify-content: center; + padding-bottom: 15rpx; } - +.refresh-button:active{ + background-color: #7c7c7c; /* Change to a darker color when pressed */ +} .refresh-view { text-align: center; padding: 30rpx; @@ -245,14 +251,19 @@ } @keyframes blink { - 0%, 80%, 100% { + + 0%, + 80%, + 100% { opacity: 0; } + 40% { opacity: 1; } } -.switch{ + +.switch { --td-switch-checked-color: #1890FF; } @@ -261,9 +272,12 @@ display: flex; align-items: center; } -.item-left text{ + +.item-left text { font-size: 40rpx; + min-width: 150rpx; } + .item-img { width: 40rpx; /* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */ @@ -271,7 +285,72 @@ /* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */ margin-left: 20rpx; } -.t-dialog{ - --td-dialog-content-font-size:40rpx; - --td-dialog-content-line-height:50rpx + +.dialog { + --td-dialog-content-font-size: 40rpx; + --td-dialog-content-line-height: 50rpx +} + +.noMore-View-home { + display: flex; + flex-direction: column; + /* 纭繚瀛愬厓绱犵旱鍚戞帓鍒� */ + justify-content: center; + /* 鍨傜洿灞呬腑 */ + align-items: center; + /* 姘村钩灞呬腑 */ + height: 100%; + /* 璁╁鍣ㄩ珮搴﹀崰婊$埗鍏冪礌 */ +} + +.item-button { + display: flex; + height: 80rpx; + padding: 0 60rpx; + background-color: #1890FF; + color: white; + border: none; + border-radius: 20rpx; + font-size: 30rpx; + align-items: center; + justify-content: center; +} + +.item-button:active { + background-color: #7c7c7c; /* Change to a darker color when pressed */ +} + +.divider { + width: 100%; + margin-top: 2rpx; + /* background-color: #e0e0e0; */ +} + + +.error-dialog { + --td-dialog-title-color: red; + --td-dialog-title-font-size: 40rpx; +} + +.scen-view { + position: absolute; + /* 娣诲姞杩欒 */ + top: 15rpx; + /* 鏍规嵁闇�瑕佽皟鏁磋窛绂婚《閮ㄧ殑璺濈 */ + right: 30rpx; + /* 鏍规嵁闇�瑕佽皟鏁磋窛绂诲彸渚х殑璺濈 */ + display: flex; + align-items: center; + /* 鍨傜洿鏂瑰悜灞呬腑 */ + justify-content: space-between; +} + +.scen-code { + width: 40rpx; + height: 40rpx; +} + +.scen-view text { + font-size: 30rpx; + color: #ffffff; } \ No newline at end of file -- Gitblit v1.8.0