|
@@ -36,6 +36,16 @@ function queryList(pageNo, pageSize) {
|
|
]
|
|
]
|
|
}, 1000)
|
|
}, 1000)
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+// 简单的模拟数据
|
|
|
|
+const menuList = ref([
|
|
|
|
+ { name: 'My Profile', url: '/pages/mine/myProfile' },
|
|
|
|
+ { name: 'Address Book' },
|
|
|
|
+ { name: 'Share' },
|
|
|
|
+ { name: 'My Favorite' },
|
|
|
|
+ { name: 'Live Chat' },
|
|
|
|
+ { name: 'Activity Group' },
|
|
|
|
+])
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
@@ -44,7 +54,7 @@ function queryList(pageNo, pageSize) {
|
|
:style="{ paddingTop: `${safeAreaInsets?.top + 3}px` }"
|
|
:style="{ paddingTop: `${safeAreaInsets?.top + 3}px` }"
|
|
>
|
|
>
|
|
<view class="flex items-center">
|
|
<view class="flex items-center">
|
|
- <wd-img width="96rpx" height="96rpx" round src="https://picsum.photos/96" />
|
|
|
|
|
|
+ <wd-img width="96rpx" height="96rpx" round src="/static/images/avatar.jpg" />
|
|
<!-- 已登录 -->
|
|
<!-- 已登录 -->
|
|
<!-- <view class="ml-24rpx text-32rpx font-bold">
|
|
<!-- <view class="ml-24rpx text-32rpx font-bold">
|
|
Aamir Khan
|
|
Aamir Khan
|
|
@@ -69,7 +79,7 @@ function queryList(pageNo, pageSize) {
|
|
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="https://picsum.photos/84" />
|
|
|
|
|
|
+ <wd-img width="84rpx" height="84rpx" round src="/static/images/avatar.jpg" />
|
|
<view class="ml-18rpx">
|
|
<view class="ml-18rpx">
|
|
<view class="text-22rpx text-#595959">
|
|
<view class="text-22rpx text-#595959">
|
|
Wallet Balance
|
|
Wallet Balance
|
|
@@ -103,7 +113,7 @@ function queryList(pageNo, pageSize) {
|
|
</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">
|
|
<view v-for="i in 4" :key="i" class="flex flex-col items-center">
|
|
- <wd-img width="48rpx" height="48rpx" src="https://picsum.photos/48" />
|
|
|
|
|
|
+ <wd-img width="48rpx" height="48rpx" src="/static/images/avatar.jpg" />
|
|
<view class="mt-18rpx text-22rpx text-#3A444C">
|
|
<view class="mt-18rpx text-22rpx text-#3A444C">
|
|
To Pay
|
|
To Pay
|
|
</view>
|
|
</view>
|
|
@@ -111,10 +121,10 @@ function queryList(pageNo, pageSize) {
|
|
</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="i in 6" :key="i" class="flex flex-col items-center">
|
|
|
|
- <wd-img width="48rpx" height="48rpx" src="https://picsum.photos/48" />
|
|
|
|
|
|
+ <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" />
|
|
<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>
|