feat: 完成对接

2024-12-31 21:07:08 +08:00
parent ecd30a2e82
commit fecf6535a8
99 changed files with 2253 additions and 299 deletions
@@ -0,0 +1,56 @@
+<route lang="json5">
+{
+  layout: 'demo',
+  style: {
+    navigationBarTitleText: '请求',
+  },
+}
+</route>
+
+<template>
+  <view class="p-6 text-center">
+    <view class="my-2">使用的是 laf 云后台</view>
+    <view class="text-green-400">我的推荐码，可以获得佣金</view>
+
+    <!-- #ifdef H5 -->
+    <view class="my-2">
+      <a class="my-2" :href="recommendUrl" target="_blank">{{ recommendUrl }}</a>
+    </view>
+    <!-- #endif -->
+
+    <!-- #ifndef H5 -->
+    <view class="my-2 text-left text-sm">{{ recommendUrl }}</view>
+    <!-- #endif -->
+
+    <!-- http://localhost:9000/#/pages/index/request -->
+    <wd-button @click="run" class="my-6">发送请求</wd-button>
+    <view class="h-12">
+      <view v-if="loading">loading...</view>
+      <block v-else>
+        <view class="text-xl">请求数据如下</view>
+        <view class="text-green leading-8">{{ JSON.stringify(data) }}</view>
+      </block>
+    </view>
+    <wd-button type="error" @click="reset" class="my-6" :disabled="!data">重置数据</wd-button>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { getFooAPI, postFooAPI, IFooItem } from '@/service/index/foo'
+
+const recommendUrl = ref('http://laf.run/signup?code=ohaOgIX')
+
+// const initialData = {
+//   name: 'initialData',
+//   id: '1234',
+// }
+const initialData = undefined
+// 适合少部分全局性的接口————多个页面都需要的请求接口，额外编写一个 Service 层
+const { loading, error, data, run } = useRequest<IFooItem>(() => getFooAPI('菲鸽'), {
+  immediate: true,
+  initialData,
+})
+const reset = () => {
+  data.value = initialData
+}
+</script>
@@ -0,0 +1,30 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationBarTitleText: '上传-状态一体化',
+  },
+}
+</route>
+
+<template>
+  <view class="p-4 text-center">
+    <wd-button @click="run">选择图片并上传</wd-button>
+    <view v-if="loading" class="text-blue h-10">上传...</view>
+    <template v-else>
+      <view class="m-2">上传后返回的接口数据：</view>
+      <view class="m-2">{{ data }}</view>
+      <view class="h-80 w-full">
+        <image v-if="data" :src="data || data" mode="scaleToFill" />
+      </view>
+    </template>
+  </view>
+</template>
+
+<script lang="ts" setup>
+const { loading, data, run } = useUpload({ user: '菲鸽' })
+</script>
+
+<style lang="scss" scoped>
+//
+</style>
@@ -0,0 +1,166 @@
+<route lang="json5">
+{
+  style: {
+    navigationStyle: 'custom',
+    navigationBarTitleText: '个人中心',
+  },
+}
+</route>
+
+<template>
+  <view class="my-page">
+    <NavBar />
+    <view class="flex flex-col items-center justify-center mt-30">
+      <Avatar class="w-80 h-80 mx-auto" />
+      <view class="text-16 mt-10">默认用户</view>
+      <view class="text-12 mt-8">账号：199****654</view>
+    </view>
+    <view class="flex justify-center text-center mt-15 items-center">
+      <view>
+        <view class="text-30 font-bold">1002</view>
+        <view class="text-14 mt-10 text-#3B81F3">我的余额</view>
+      </view>
+      <image class="w-100 h-100" src="@/static/images/my/translate.png" mode="aspectFit" />
+      <view>
+        <view class="text-30 font-bold">1231</view>
+        <view class="text-14 mt-10 text-#3B81F3">我的股数</view>
+      </view>
+    </view>
+
+    <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 class="text-white text-14 px-15 py-5 ml-15 rounded-full btn-gradient">提现</view>
+      </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="handleConvert"
+      >
+        <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 btn-gradient">转换</view>
+      </view>
+    </view>
+
+    <image
+      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
+        @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>
+      <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/card.png" mode="aspectFit" />
+        <view class="text-14 text-#333 ml-10">我的银行卡</view>
+      </view>
+    </view>
+
+    <view
+      class="mt-50 mx-auto w-294 btn-gradient rounded-full text-center text-14 text-white py-15 mt-15"
+      @click="handleLogout"
+    >
+      退出登录
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import Avatar from '@/components/Avatar.vue'
+import NavBar from '@/components/NavBar.vue'
+import { loginRoute } from '@/interceptors/route'
+import { useUserStore } from '@/store/user'
+
+const userStore = useUserStore()
+
+const handleLogout = () => {
+  userStore.clearUserInfo()
+  uni.reLaunch({
+    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/invite/index',
+  })
+}
+
+const handleConvert = () => {
+  uni.navigateTo({
+    url: '/pages-sub/convert/index',
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.my-page {
+  min-height: 100vh;
+  padding-bottom: 100rpx;
+  background-image: url('@/static/images/bg.png');
+  background-position: top;
+  background-size: cover;
+}
+</style>