feat: 充值页面改造

src/locale/bn.json

@@ -71,7 +71,6 @@
   "mine.wallet.title": "BandhuBuy ওয়ালেট",
   "mine.wallet.balance": "ওয়ালেট ব্যালেন্স",
   "mine.wallet.recharge": "রিচার্জ",
-  "mine.wallet.discount": "সর্বোচ্চ ছাড় ৫%",
   "mine.group.title": "আমার গ্রুপ",
   "mine.group.all": "সব গ্রুপ",
   "mine.group.toPay": "পেমেন্ট করুন",
@@ -331,8 +330,5 @@
   "topChampions.teamMembers": "টিম সদস্যরা",
   "topChampions.joinedGroups": "যোগদানকৃত গ্রুপ",
   "wallet.recharge.title": "রিচার্জ",
-  "wallet.recharge.highestDiscount": "রিচার্জে সর্বোচ্চ {0}% ছাড়",
-  "wallet.recharge.get": "পান",
-  "wallet.recharge.discount": "ছাড়",
   "wallet.recharge.submit": "জমা দিন"
 }

src/locale/en.json

@@ -77,7 +77,6 @@
   "mine.wallet.title": "BandhuBuy Wallet",
   "mine.wallet.balance": "Wallet Balance",
   "mine.wallet.recharge": "Recharge",
-  "mine.wallet.discount": "Highest Discount 5%",
   "mine.group.title": "My Group",
   "mine.group.all": "All Group",
   "mine.group.toPay": "To Pay",
@@ -332,8 +331,5 @@
   "topChampions.teamMembers": "Team Members",
   "topChampions.joinedGroups": "Joined Groups",
   "wallet.recharge.title": "Recharge",
-  "wallet.recharge.highestDiscount": "Recharge Highest Discount {0}%",
-  "wallet.recharge.get": "Get",
-  "wallet.recharge.discount": "Discount",
   "wallet.recharge.submit": "Submit"
 }

src/locale/zh-Hans.json

@@ -66,7 +66,6 @@
   "mine.wallet.title": "BandhuBuy钱包",
   "mine.wallet.balance": "钱包余额",
   "mine.wallet.recharge": "充值",
-  "mine.wallet.discount": "最高优惠5%",
   "mine.group.title": "我的团队",
   "mine.group.all": "全部团队",
   "mine.group.toPay": "待支付",
@@ -331,8 +330,5 @@
   "topChampions.teamMembers": "团队成员",
   "topChampions.joinedGroups": "加入群组",
   "wallet.recharge.title": "充值",
-  "wallet.recharge.highestDiscount": "充值最高优惠 {0}%",
-  "wallet.recharge.get": "获得",
-  "wallet.recharge.discount": "优惠",
   "wallet.recharge.submit": "提交"
 }

src/pages/mine/mine.vue

@@ -113,9 +113,6 @@ onShow(() => {
         <wd-button size="small" @click="toPage('/pages/wallet/recharge')">
           {{ $t('mine.wallet.recharge') }}
         </wd-button>
-        <view class="mt-10rpx text-20rpx text-#595959">
-          {{ $t('mine.wallet.discount') }}
-        </view>
       </view>
     </view>
   </view>

src/pages/wallet/recharge.vue

@@ -58,31 +58,50 @@ onShow(() => {
 
 <template>
   <z-paging>
-    <view class="px-24rpx">
-      <view class="py-30rpx text-center text-28rpx text-#595959">
-        {{ $t('wallet.recharge.highestDiscount', [Math.max(...(dataList.map(i => i.discountRate)))]) }}
+    <view class="px-24rpx pt-36rpx">
+      <view class="mb-24rpx text-24rpx font-bold">
+        Select Your Wallet Provider
       </view>
-      <view class="grid grid-cols-2 gap-20rpx">
+      <view class="grid grid-cols-3 mb-30rpx gap-20rpx">
+        <view class="border-1 border-transparent rounded-16rpx border-solid bg-white py-30rpx text-center shadow-[0rpx_2rpx_8rpx_0rpx_rgba(184,184,184,0.5)]">
+          <image
+            src="/static/icons/icon-success.png"
+            class="mb-20rpx h-120rpx w-120rpx"
+          />
+          <view class="text-28rpx">
+            BKASH
+          </view>
+        </view>
+      </view>
+      <view class="mb-24rpx text-24rpx font-bold">
+        Deposit Amount
+      </view>
+      <view class="grid grid-cols-3 mb-20rpx gap-20rpx">
         <view
           v-for="i in dataList"
           :key="i.id"
-          class="border-1 border-transparent rounded-12rpx border-dashed bg-[rgba(var(--wot-color-theme-rgb),0.1)] py-24rpx text-center"
+          class="border-1 border-transparent rounded-12rpx border-solid bg-white py-22rpx text-center"
           :style="{
             borderColor: i.id === selectData.id ? 'var(--wot-color-theme)' : '',
-            backgroundColor: i.id === selectData.id ? 'rgba(var(--wot-color-theme-rgb),0.25)' : '',
           }"
           @click="selectData = i"
         >
-          <view class="mb-8rpx text-40rpx text-[var(--wot-color-theme)] font-bold">
-            {{ formatNumber(i.amount) }}
-          </view>
-          <view class="text-20rpx">
-            {{ $t('wallet.recharge.get') }} <text class="text-[var(--wot-color-theme)]">
-              ৳{{ formatNumber(i.amount + i.discount) }}, {{ i.discountRate }}%
-            </text> {{ $t('wallet.recharge.discount') }}
+          <view>
+            <text class="text-24rpx">
+              ৳
+            </text>
+            <text class="text-36rpx">
+              {{ formatNumber(i.amount) }}
+            </text>
           </view>
         </view>
       </view>
+      <wd-input
+        prop="name"
+        no-border
+        placeholder="৳ Min 1,000 ~ 20,000"
+        custom-class="bandhu-auth-input-field"
+      />
     </view>
     <template #bottom>
       <view class="bg-white/60 px-28rpx py-30rpx backdrop-blur-20">
@@ -94,8 +113,4 @@ onShow(() => {
   </z-paging>
 </template>
 
-<style lang="scss" scoped>
-.space-y-24rpx > * + * {
-  margin-top: 24rpx;
-}
-</style>
+<style lang="scss" scoped></style>