feat: 完成页面开发

2024-12-27 19:01:54 +08:00
parent b642a7d5e7
commit 6d62cc0567
52 changed files with 1463 additions and 31 deletions
@@ -0,0 +1,54 @@
+<route lang="json5">
+{
+  style: {
+    navigationBarTitleText: '我的资产',
+    navigationBarBackgroundColor: '#fff',
+  },
+}
+</route>
+
+<template>
+  <view class="min-h-screen py-15">
+    <view class="mx-15 text-16 font-bold text-#333">我的资产</view>
+    <view
+      class="mt-15 mx-15 text-white btn-gradient p-15 rounded-10 shadow-[0_5px_30px_rgba(55,230,236,0.4)]"
+    >
+      <view class="text-14">总投资金</view>
+      <view class="text-35 mt-10 font-bold">10000.00</view>
+      <view class="flex mt-15">
+        <view class="flex-1">
+          <view class="text-12 font-light">我的分红</view>
+          <view class="text-16 font-bold mt-5">10000.00</view>
+        </view>
+        <view class="flex-1">
+          <view class="text-12 font-light">数字人民币</view>
+          <view class="text-16 font-bold mt-5">10000.00</view>
+        </view>
+        <view class="flex-1">
+          <view class="text-12 font-light">认购点</view>
+          <view class="text-16 font-bold mt-5">10000.00</view>
+        </view>
+      </view>
+    </view>
+    <view class="text-16 mx-15 mb-15 font-bold text-#333 mt-30">资产记录</view>
+    <view
+      class="flex px-15 py-8 border-b items-center border-#E5E5E5 border-b-solid"
+      v-for="item in 10"
+      :key="item"
+    >
+      <image src="/static/images/page-sub/invite-icon.png" class="w-32 h-32 self-center" />
+      <view class="flex flex-col flex-1 ml-15">
+        <view class="text-14 text-#333">邀请好友奖励</view>
+        <view class="text-12 mt-10 text-#999">奖励</view>
+        <view class="text-12 mt-10 text-#999">2024-12-27 10:00:00</view>
+      </view>
+
+      <view class="flex flex-col items-end">
+        <view class="text-14 font-bold text-#FF5F5F">+1000 RMB</view>
+        <view class="text-14 font-bold text-#FF5F5F">+2000 RMB</view>
+        <view class="text-14 font-bold text-#FF5F5F">+30 点</view>
+        <view class="text-14 mt-10 py-4 px-10 bg-#71C78A1A text-#71C78A">已到账</view>
+      </view>
+    </view>
+  </view>
+</template>