zzak/x-forend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 完成页面开发

Browse Source
This commit is contained in:
anonymous
2024-12-27 19:01:54 +08:00
parent b642a7d5e7
commit 6d62cc0567
52 changed files with 1463 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/my/index.vue
+58 -9
View File
@@ -29,6 +29,7 @@
<view class="flex px-15 mt-15">
<view
class="flex py-30 justify-center items-center rounded-tl-10 rounded-br-10 flex-1 bg-[linear-gradient(180deg,#D9EBFF,#9EDAFF)] border-1 border-#5FAEFF80 border-solid"
@click="handleWithdrawal"
>
<image class="w-40 h-40" src="@/static/images/my/withdrawal.png" mode="aspectFit" />
<view
@@ -39,12 +40,13 @@
</view>
<view
class="ml-10 flex py-30 justify-center items-center rounded-tl-10 rounded-br-10 flex-1 bg-[linear-gradient(180deg,#D9EBFF,#9EDAFF)] border-1 border-#5FAEFF80 border-solid"
@click="handleWithdrawalDetail"
>
<image class="w-40 h-40" src="@/static/images/my/top-up.png" mode="aspectFit" />
<view
class="text-white text-14 px-15 py-5 ml-15 rounded-full bg-[linear-gradient(45deg,#3B81F3_0%,#37E6EC_100%)]"
>
充值
提现明细
</view>
</view>
</view>
@@ -53,32 +55,38 @@
class="w-330 h-123 mx-auto mt-15 block"
src="@/static/images/my/recommend.png"
mode="aspectFill"
@click="handleInvite"
/>
<view class="mt-15 grid grid-cols-2 gap-10 p-15">
<view
class="flex justify-center rounded-tl-10 rounded-br-10 bg-[linear-gradient(45deg,#EFF7FF,#D1E8FF)] p-15 border border-#BEDCFF border-solid"
>
<image class="w-24 h-24" src="@/static/images/my/house.png" mode="aspectFit" />
<view class="text-14 text-#333 ml-10">房屋</view>
</view>
<view
@click="handleTeam"
class="flex justify-center rounded-tl-10 rounded-br-10 bg-[linear-gradient(45deg,#EFF7FF,#D1E8FF)] p-15 border border-#BEDCFF border-solid"
>
<image class="w-24 h-24" src="@/static/images/my/team.png" mode="aspectFit" />
<view class="text-14 text-#333 ml-10">我的团队</view>
<view class="text-14 text-#333 ml-10">我的邀请</view>
</view>
<view
@click="handleAsset"
class="flex justify-center rounded-tl-10 rounded-br-10 bg-[linear-gradient(45deg,#EFF7FF,#D1E8FF)] p-15 border border-#BEDCFF border-solid"
>
<image class="w-24 h-24" src="@/static/images/my/house.png" mode="aspectFit" />
<view class="text-14 text-#333 ml-10">我的资产</view>
</view>
<view
@click="handleRealName"
class="flex justify-center rounded-tl-10 rounded-br-10 bg-[linear-gradient(45deg,#EFF7FF,#D1E8FF)] p-15 border border-#BEDCFF border-solid"
>
<image class="w-24 h-24" src="@/static/images/my/realname.png" mode="aspectFit" />
<view class="text-14 text-#333 ml-10">实名认证</view>
</view>
<view
@click="handleBankCard"
class="flex justify-center rounded-tl-10 rounded-br-10 bg-[linear-gradient(45deg,#EFF7FF,#D1E8FF)] p-15 border border-#BEDCFF border-solid"
>
<image class="w-24 h-24" src="@/static/images/my/kefu.png" mode="aspectFit" />
<view class="text-14 text-#333 ml-10">在线客服</view>
<view class="text-14 text-#333 ml-10">我的银行卡</view>
</view>
</view>
@@ -105,6 +113,47 @@ const handleLogout = () => {
url: loginRoute,
})
}
const handleWithdrawalDetail = () => {
uni.navigateTo({
url: '/pages-sub/withdrawal-detail/index',
})
}
const handleWithdrawal = () => {
uni.navigateTo({
url: '/pages-sub/withdrawal/index',
})
}
const handleTeam = () => {
uni.navigateTo({
url: '/pages-sub/team/index',
})
}
const handleRealName = () => {
uni.navigateTo({
url: '/pages-sub/realname/index',
})
}
const handleAsset = () => {
uni.navigateTo({
url: '/pages-sub/asset/index',
})
}
const handleBankCard = () => {
uni.navigateTo({
url: '/pages-sub/withdrawal-type/index',
})
}
const handleInvite = () => {
uni.navigateTo({
url: '/pages-sub/invite/index',
})
}
</script>
<style lang="scss" scoped>