From 5dc54a59184b305a85aaad31dd4cce01b31a8a2d Mon Sep 17 00:00:00 2001 From: zuoxiao <470321431@qq.com> Date: 星期四, 13 六月 2024 14:58:06 +0800 Subject: [PATCH] 开关泵定版 --- pages/rechargeMoney/rechargMoney.wxss | 333 ++++++++++++++++++++++++++++++------------------------- 1 files changed, 180 insertions(+), 153 deletions(-) diff --git a/pages/rechargeMoney/rechargMoney.wxss b/pages/rechargeMoney/rechargMoney.wxss index ca20ff7..438e59a 100644 --- a/pages/rechargeMoney/rechargMoney.wxss +++ b/pages/rechargeMoney/rechargMoney.wxss @@ -1,155 +1,182 @@ -/* pages/recharge/recharge.wxss */ -.base-wrapper { - background-color: #f5f5f5; - width: 100%; - height: 100vh; - overflow: hidden; - display: flex; - flex-direction: column; -} - -.user-wrapper { - background-color: #1890FF; - height: 20vh; - padding-left: 10rpx; - display: flex; - flex-direction: column; - justify-content: space-around; - padding-top: 20rpx; - padding-bottom: 30rpx; -} - -.user-wrapper text { - color: #fff; - margin-left: 30rpx; -} - -.money-base-wrapper { - flex-direction: column; - height: 20vh; - display: flex; - justify-content: space-around; - margin-top: 20rpx; -} - -.row { - display: flex; - justify-content: space-around; -} - -.item { - background-color: #fff; - border-radius: 5px; - width: 100%; - height: 10vh; - margin-left: 20rpx; - margin-top: 30rpx; - margin-right: 20rpx; - display: flex; - align-items: center; - justify-content: center; -} - -.item text { - color: #2D8BF7; -} - -.money-number { - font-size: 40rpx; -} - -.money-label { - font-size: 30rpx; - margin-left: 5rpx; -} - -.itemactive { - background-color: #2D8BF7; - border-radius: 5px; - width: 100%; - height: 10vh; - margin-top: 30rpx; - margin-left: 20rpx; - margin-right: 20rpx; - display: flex; - align-items: center; - justify-content: center; -} - -.itemactive text { - color: #fff; -} - -.money-wrapper { - display: flex; - align-items: flex-end; - /* 搴曢儴瀵归綈 */ - justify-content: center; - /* 姘村钩灞呬腑 */ -} - -.rechage-view { - margin-top: 40rpx; - /* 鍗犳嵁鍓╀綑鐨勫叏閮ㄩ珮搴� */ - flex-direction: column; - display: flex; - justify-content: center; - align-items: center; - width: 100%; -} -.rechage-view text { - font-size: 30rpx; - padding-top: 10rpx; - padding-bottom: 10rpx; -} - -.rechageList-view { - margin-top: 40rpx; - width: 50%; - background-color: #fff; - display: flex; - margin-left: 20rpx; - margin-right: 20rpx; - align-items: center; - justify-content: center; - margin-top: 30rpx; - border-radius: 90px; - border: 2px solid #2D8BF7; - /* 娣诲姞钃濊壊鐨勮竟妗� */ - padding-top: 15rpx; - padding-bottom: 15rpx; -} - -.rechage { - display: flex; - width: 80%; - background-color: #2D8BF7; - align-items: center; - justify-content: center; - padding-top: 15rpx; - padding-bottom: 15rpx; - border-radius: 90px; - margin-top: 45rpx; -} - -.rechageactive { - display: flex; - margin-top: 45rpx; - align-items: center; - justify-content: center; - width: 80%; - background-color: #bababa; - padding-top: 15rpx; - padding-bottom: 15rpx; - border-radius: 90px; -} - +/* pages/recharge/recharge.wxss */ +.base-wrapper { + background-color: #f5f5f5; + width: 100%; + height: 100vh; + overflow: hidden; + display: flex; + flex-direction: column; +} - -.rechageactive text { - color: #fff; -} - -.rechage text { - color: #fff; +.user-wrapper { + background-color: #1890FF; + height: 20vh; + padding-left: 10rpx; + display: flex; + flex-direction: column; + justify-content: space-around; + padding-top: 20rpx; + padding-bottom: 30rpx; +} + +.user-wrapper text { + color: #fff; + margin-left: 30rpx; +} + +.money-base-wrapper { + flex-direction: column; + height: 20vh; + display: flex; + justify-content: space-around; + margin-top: 40rpx; +} + +.row { + display: flex; + justify-content: space-around; +} + +.item { + background-color: #fff; + border-radius: 5px; + width: 100%; + height: 10vh; + margin-left: 20rpx; + margin-top: 10rpx; + margin-right: 20rpx; + margin-bottom: 10rpx; + display: flex; + align-items: center; + justify-content: center; +} + +.itemactive { + background-color: #1890FF; + border-radius: 5px; + width: 100%; + height: 10vh; + margin-left: 20rpx; + margin-top: 10rpx; + margin-right: 20rpx; + margin-bottom: 10rpx; + display: flex; + align-items: center; + justify-content: center; +} + +.itemList { + background-color: #fff; + border-radius: 5px; + margin-left: 20rpx; + margin-top: 10rpx; + margin-right: 20rpx; + margin-bottom: 0rpx; + display: flex; + align-items: center; + justify-content: space-between; + padding: 30rpx 20rpx; +} + + +.item text { + color: #1890FF; +} + +.money-number { + font-size: 40rpx; +} + +.money-label { + font-size: 30rpx; + margin-left: 5rpx; +} + + + +.itemactive text { + color: #fff; +} + +.money-wrapper { + display: flex; + align-items: flex-end; + /* 搴曢儴瀵归綈 */ + justify-content: center; + /* 姘村钩灞呬腑 */ +} + +.rechage-view { + margin-top: 40rpx; + /* 鍗犳嵁鍓╀綑鐨勫叏閮ㄩ珮搴� */ + flex-direction: column; + display: flex; + justify-content: center; + align-items: center; + width: 100%; +} + +.rechage-view text { + font-size: 30rpx; + padding-top: 10rpx; + padding-bottom: 10rpx; +} + +.rechageList-view { + display: flex; + flex: 1; + width: 100%; + flex-direction: column; + margin-top: 10rpx; +} + +.rechage { + display: flex; + width: 80%; + background-color: #1890FF; + align-items: center; + justify-content: center; + padding-top: 15rpx; + padding-bottom: 15rpx; + border-radius: 90px; + margin-top: 45rpx; +} + +.rechageactive { + display: flex; + margin-top: 45rpx; + align-items: center; + justify-content: center; + width: 80%; + background-color: #bababa; + padding-top: 15rpx; + padding-bottom: 15rpx; + border-radius: 90px; +} + +.rechage-text { + color: #fff; + font-size: 40rpx; +} + +.rechageList-view-head { + color: #2D8BF7; + border-radius: 5px 5px 0 0; + background-color: #fff; + display: flex; + align-items: center; + /* 鍨傜洿鏂瑰悜灞呬腑 */ + justify-content: space-between; + /* 瀛愬厓绱犲湪涓昏酱涓婄殑瀵归綈鏂瑰紡 */ + padding: 10px; + /* 瀹瑰櫒鐨勫唴杈硅窛 */ + margin-left: 20rpx; + margin-right: 20rpx; + margin-top: 20rpx; + text-align: center; + flex-direction: column; +} + +.item-card-text { + font-size: 35rpx; } \ No newline at end of file -- Gitblit v1.8.0