i

src/pages/users/account/index.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+    navigationBarTitleText: '我的账户'
+})

src/pages/users/account/index.vue

@@ -1,15 +1,73 @@
-<script lang="ts">
-import {defineComponent} from 'vue'
+<script lang="ts" setup>
 
-export default defineComponent({
-name: "index"
-})
 </script>
 
 <template>
-  $END$
+    <view>
+        <view class="card">
+            <view class="greeting">Hello! YuanHuakk</view>
+            <view class="info">
+                <view class="left">
+                    <view>
+                        <view class="num">豆子：188888</view>
+                    </view>
+                    <view>
+                        <view class="num">积分：188888</view>
+                    </view>
+                </view>
+                <image class="img" src="https://picdm.sunbangyan.cn/2023/08/15/ste192.png"/>
+            </view>
+        </view>
+    </view>
 </template>
 
-<style scoped lang="scss">
+<style lang="scss">
+page {
+    //background-color: #111;
+}
 
+.card {
+    width: 90%;
+    height: 300px;
+    border-radius: 20px;
+    background-color: #282828;
+    box-shadow: 0 0 10px rgba(40, 40, 40, 0.1);
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    margin: 10px auto;
+    color: #D0A568;
+    padding: 20px;
+
+    .greeting {
+        font-size: 35px;
+        font-weight: bold;
+    }
+
+    .info {
+        display: flex;
+        justify-content: space-between;
+
+        .left {
+            height: 300px;
+            width: 50%;
+            text-align: center;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+
+            .num {
+                font-size: 40px;
+                font-weight: bold;
+                margin-top: 10px;
+            }
+        }
+
+        .img {
+            width: 380px;
+            height: 270px;
+        }
+    }
+
+
+}
 </style>