|
@@ -0,0 +1,127 @@
|
|
|
+<route lang="json5" type="page">
|
|
|
+{
|
|
|
+ layout: 'default',
|
|
|
+ style: {
|
|
|
+ navigationBarTitleText: 'My Wallet',
|
|
|
+ navigationBarBackgroundColor: '#fff',
|
|
|
+ },
|
|
|
+}
|
|
|
+</route>
|
|
|
+
|
|
|
+<script lang="ts" setup>
|
|
|
+const dayType = ref(1)
|
|
|
+function toPage(url: string) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url,
|
|
|
+ })
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<template>
|
|
|
+ <z-paging refresher-only>
|
|
|
+ <view class="px-24rpx pt-20rpx">
|
|
|
+ <view
|
|
|
+ class="mb-20rpx flex items-center justify-around rounded-12rpx bg-[rgba(var(--wot-color-theme-rgb),0.1)] px-16rpx py-22rpx"
|
|
|
+ >
|
|
|
+ <view class="text-center">
|
|
|
+ <view class="text-22rpx text-#595959">
|
|
|
+ Wallet Balance
|
|
|
+ </view>
|
|
|
+ <view class="mb-22rpx text-44rpx text-[var(--wot-color-theme)] font-bold">
|
|
|
+ 5,000
|
|
|
+ </view>
|
|
|
+ <view class="flex items-center text-22rpx text-#595959">
|
|
|
+ <text class="mr-1px">
|
|
|
+ Wallet Frozen Balance
|
|
|
+ </text>
|
|
|
+ <wd-icon name="help-circle" size="20rpx" />
|
|
|
+ </view>
|
|
|
+ <view class="text-26rpx font-bold">
|
|
|
+ 1,000
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="flex flex-col items-end">
|
|
|
+ <wd-button size="small" @click="toPage('/pages/wallet/recharge')">
|
|
|
+ Recharge
|
|
|
+ </wd-button>
|
|
|
+ <view class="mt-10rpx text-20rpx text-#595959">
|
|
|
+ Highest Discount 5%
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="mb-20rpx flex items-center justify-center">
|
|
|
+ <text class="mr-8rpx">
|
|
|
+ Withdraw Now
|
|
|
+ </text>
|
|
|
+ <wd-icon name="arrow-right" size="28rpx" />
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <view class="mb-20rpx text-32rpx">
|
|
|
+ Revenue Record
|
|
|
+ </view>
|
|
|
+ <view class="mb-20rpx">
|
|
|
+ <wd-radio-group v-model="dayType" shape="button">
|
|
|
+ <wd-radio :value="1">
|
|
|
+ DT
|
|
|
+ </wd-radio>
|
|
|
+ <wd-radio :value="2">
|
|
|
+ YT
|
|
|
+ </wd-radio>
|
|
|
+ <wd-radio :value="3">
|
|
|
+ L7D
|
|
|
+ </wd-radio>
|
|
|
+ <wd-radio :value="4">
|
|
|
+ MTD
|
|
|
+ </wd-radio>
|
|
|
+ <wd-radio :value="5">
|
|
|
+ YTD
|
|
|
+ </wd-radio>
|
|
|
+ </wd-radio-group>
|
|
|
+ </view>
|
|
|
+ <view class="rounded-16rpx bg-white px-20rpx">
|
|
|
+ <view
|
|
|
+ v-for="i in 3" :key="i" class="py-20rpx"
|
|
|
+ :class="{ 'border-b-1 border-b-solid border-b-#E1E1E1': i !== 3 }"
|
|
|
+ >
|
|
|
+ <view class="mb-8rpx flex items-center justify-between text-24rpx">
|
|
|
+ <text class="truncate">
|
|
|
+ Group Buying Reward:PPB123456789Reward:PPB123456789Reward:PPB123456789
|
|
|
+ </text>
|
|
|
+ <text class="flex-shrink-0 pl-16rpx">
|
|
|
+ ৳ 8
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="flex items-center justify-between text-22rpx">
|
|
|
+ <text class="text-#5B5B5B">
|
|
|
+ 2025/05/05 12:30:30
|
|
|
+ </text>
|
|
|
+ <wd-text type="success" text="Completed" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </z-paging>
|
|
|
+</template>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+:deep(.wd-radio-group) {
|
|
|
+ background: transparent;
|
|
|
+
|
|
|
+ .wd-radio.is-button.is-checked {
|
|
|
+ .wd-radio__label {
|
|
|
+ background: #ff334a !important;
|
|
|
+ border-color: #ff334a !important;
|
|
|
+ color: #fff !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .wd-radio__label {
|
|
|
+ width: 100rpx !important;
|
|
|
+ height: 40rpx !important;
|
|
|
+ padding: 0 !important;
|
|
|
+ background: rgba(255, 255, 255, 0.2) !important;
|
|
|
+ border-color: rgba(151, 151, 151, 0.2) !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|