-
@@ -585,21 +588,6 @@ const getRechargeGoods = async () => {
}
}
-// selectItem 预选充值数量
-const selectItem = (data, index) => {
- activeIndex.value = index
- if(data.goods_id == 1006) {
- confirmRecharge.value = {
- currency: data.currency,
- diamond: brickworkAmount.value,
- goods_id: data.goods_id,
- price: priceAmount.value
- }
- } else {
- confirmRecharge.value = data
- }
-}
-
const handleInput = (e) => {
// console.log(brickworkAmount.value, e)
if(Number(brickworkAmount.value) >9999) {
@@ -630,11 +618,11 @@ const rechargeIncrease = async () => {
toRaw(confirmRecharge.value).price = priceAmount.value
toRaw(confirmRecharge.value).diamond = brickworkAmount.value
}
- console.log(brickworkAmount.value)
}
// 充值
const conformBtn = async () => {
+ return
// if(localWalletStore.walletType == 3) {
let address = localWalletStore.address
if(toRaw(confirmRecharge.value).price == 0) {
@@ -1888,8 +1876,8 @@ onMounted(() => {
// z-index: 10;
}
:deep(.rechargeListModal) {
- width: 1219px !important;
- height: 895px;
+ width: 975px !important;
+ height: 716px;
background: #1A1821;
box-shadow: 0px 15px 28px 3px rgba(22,22,22,0.13);
border-radius: 100px;
@@ -1937,29 +1925,18 @@ onMounted(() => {
clear: both;
margin-top: 7px;
.item {
- width: 332px;
- height: 258px;
+ width: 594px;
+ height: 441px;
border-radius: 40px;
background: #2d2738;
margin-top: 31px;
cursor: pointer;
- position: relative;
- .activity {
- position: absolute;
- top: 0;
- left: 0;
- width: 77px;
- height: 74px;
- img {
- width: 100%;
- height: 100%;
- }
- }
.item-img {
- width: 312px;
- height: 206px;
+ width: 468px;
+ height: 244px;
margin: 0 auto;
- padding: 5px;
+ // padding: 5px;
+ margin-top: 30px;
img {
width: 100%;
height: 100%;
@@ -1970,23 +1947,57 @@ onMounted(() => {
font-weight: bold;
font-size: 36px;
line-height: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 376px;
+ height: 65px;
+ background: #282333;
+ border: 3px solid #1e1b26;
+ border-radius: 30px;
+ margin: 10px auto;
+ img {
+ width: 40px;
+ height: 40px;
+ }
+ span {
+ display: inline-block;
+ width: 180px;
+ }
}
.item-amount-input {
- width: 222px;
- height: 42px;
+ height: 65px;
display: flex;
align-items: center;
justify-content: space-evenly;
+ font-family: 'Poppins';
+ font-weight: bold;
+ font-size: 36px;
+
margin: 0 auto;
- background: #1E1B26;
- border-radius: 21px;
- input {
- color: #fff;
- width: 100px;
- height: 42px;
- border: 0px;
- text-align: center;
+ position: relative;
+ .left {
+ width: 376px;
+ height: 65px;
+ line-height: 65px;
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+ background: #1E1B26;
+ border-radius: 21px;
+ input {
+ color: #fff;
+ width: 100px;
+ height: 42px;
+ border: 0px;
+ text-align: center;
+ }
}
+ .right {
+ position: absolute;
+ right: 20px;
+ }
+
}
}
}
@@ -2000,7 +2011,7 @@ onMounted(() => {
box-shadow: 0px 15px 28px 3px rgba(22,22,22,0.13);
border-radius: 30px;
margin: 0 auto;
- margin-top: 56px;
+ margin-top: 10px;
font-family: 'Poppins';
font-weight: bold;
font-size: 36px;
-
-
+ 
-
+
- ×{{ item.diamond }}
-
- -
-
-
- +
+
+
+ 499950
+
+ 
+
+ -
+
+
+ +
+
+ Unit