|
@@ -35,14 +35,20 @@ const userInfo = computed(() => {
|
|
return userStore.userInfo
|
|
return userStore.userInfo
|
|
})
|
|
})
|
|
|
|
|
|
-// 简单的模拟数据
|
|
|
|
|
|
+const groupList = ref([
|
|
|
|
+ { name: 'To Pay', url: `/pages/myOrders/myOrders`, type: 1, icon: '/static/icons/to-pay.png' },
|
|
|
|
+ { name: 'Success', url: `/pages/myOrders/myOrders`, type: 2, icon: '/static/icons/success.png' },
|
|
|
|
+ { name: 'Failed', url: `/pages/myOrders/myOrders`, type: 3, icon: '/static/icons/failed.png' },
|
|
|
|
+ { name: 'Reward', url: `/pages/myOrders/myOrders`, type: 4, icon: '/static/icons/reward.png' },
|
|
|
|
+])
|
|
|
|
+
|
|
const menuList = ref([
|
|
const menuList = ref([
|
|
- { name: 'My Profile', url: '/pages/mine/myProfile' },
|
|
|
|
- { name: 'Address Book', url: '/pages/mine/addressBook' },
|
|
|
|
- { name: 'Share', url: '' },
|
|
|
|
- { name: 'My Favorite', url: '' },
|
|
|
|
- { name: 'Live Chat', url: '' },
|
|
|
|
- { name: 'Activity Group', url: '' },
|
|
|
|
|
|
+ { name: 'My Profile', url: '/pages/mine/myProfile', icon: '/static/icons/my-profile.png' },
|
|
|
|
+ { name: 'Address Book', url: '/pages/mine/addressBook', icon: '/static/icons/address-book.png' },
|
|
|
|
+ { name: 'Share', url: '', icon: '/static/icons/share.png' },
|
|
|
|
+ { name: 'My Favorite', url: '', icon: '/static/icons/my-favorite.png' },
|
|
|
|
+ { name: 'Live Chat', url: '', icon: '/static/icons/live-chat.png' },
|
|
|
|
+ { name: 'Activity Group', url: '', icon: '/static/icons/activity-group.png' },
|
|
])
|
|
])
|
|
const walletInfo = ref<any>({})
|
|
const walletInfo = ref<any>({})
|
|
async function getWalletInfo() {
|
|
async function getWalletInfo() {
|
|
@@ -92,7 +98,7 @@ onShow(() => {
|
|
class="flex items-center justify-between rounded-12rpx bg-[rgba(var(--wot-color-theme-rgb),0.1)] px-16rpx py-22rpx"
|
|
class="flex items-center justify-between rounded-12rpx bg-[rgba(var(--wot-color-theme-rgb),0.1)] px-16rpx py-22rpx"
|
|
>
|
|
>
|
|
<view class="flex items-center" @click="toPage('/pages/wallet/myWallet')">
|
|
<view class="flex items-center" @click="toPage('/pages/wallet/myWallet')">
|
|
- <wd-img width="84rpx" height="84rpx" round src="/static/images/avatar.jpg" />
|
|
|
|
|
|
+ <wd-img width="84rpx" height="84rpx" round src="/static/icons/wallet-balance.png" />
|
|
<view class="ml-18rpx">
|
|
<view class="ml-18rpx">
|
|
<view class="text-22rpx text-#595959">
|
|
<view class="text-22rpx text-#595959">
|
|
Wallet Balance
|
|
Wallet Balance
|
|
@@ -125,17 +131,17 @@ onShow(() => {
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="grid grid-cols-4 gap-24rpx">
|
|
<view class="grid grid-cols-4 gap-24rpx">
|
|
- <view v-for="i in 4" :key="i" class="flex flex-col items-center">
|
|
|
|
- <wd-img width="48rpx" height="48rpx" src="/static/images/avatar.jpg" />
|
|
|
|
|
|
+ <view v-for="(item, index) in groupList" :key="index" class="flex flex-col items-center" @click="toPage(item.url, { type: item.type })">
|
|
|
|
+ <wd-img width="48rpx" height="48rpx" :src="item.icon" />
|
|
<view class="mt-18rpx text-22rpx text-#3A444C">
|
|
<view class="mt-18rpx text-22rpx text-#3A444C">
|
|
- To Pay
|
|
|
|
|
|
+ {{ item.name }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="grid grid-cols-3 gap-24rpx bg-white py-45rpx">
|
|
<view class="grid grid-cols-3 gap-24rpx bg-white py-45rpx">
|
|
<view v-for="(item, index) in menuList" :key="index" class="flex flex-col items-center" @click="toPage(item.url)">
|
|
<view v-for="(item, index) in menuList" :key="index" class="flex flex-col items-center" @click="toPage(item.url)">
|
|
- <wd-img width="48rpx" height="48rpx" src="/static/images/avatar.jpg" />
|
|
|
|
|
|
+ <wd-img width="48rpx" height="48rpx" :src="item.icon" />
|
|
<view class="mt-18rpx text-22rpx text-#3A444C">
|
|
<view class="mt-18rpx text-22rpx text-#3A444C">
|
|
{{ item.name }}
|
|
{{ item.name }}
|
|
</view>
|
|
</view>
|