From fe75cffbf3bae6777aa2794fd89fa5dc37f5df8d Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 15 七月 2025 10:11:23 +0800
Subject: [PATCH] 项目初始化
---
src/pages/index.vue | 75 +++++++++++++++++++++++++++++++++++++
1 files changed, 75 insertions(+), 0 deletions(-)
diff --git a/src/pages/index.vue b/src/pages/index.vue
new file mode 100644
index 0000000..2b5d2ab
--- /dev/null
+++ b/src/pages/index.vue
@@ -0,0 +1,75 @@
+<template>
+ <view class="content">
+ <image class="logo" src="@/static/logo.png"></image>
+ <view class="text-area">
+ <text class="title"> RuoYi-Geek-App</text>
+ </view>
+ <view class="text-area">
+ <up-text type="primary" text="uview-plus"></up-text>
+ </view>
+ <view class="charts-box">
+ <qiun-data-charts type="column" :chartData="chartData" />
+ </view>
+ </view>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+
+const chartData = ref({});
+
+onMounted(() => { getServerData() });
+
+function getServerData() {
+ // 妯℃嫙浠庢湇鍔″櫒鑾峰彇鏁版嵁鏃剁殑寤舵椂
+ setTimeout(() => {
+ let res = {
+ categories: ['2016', '2017', '2018', '2019', '2020', '2021'],
+ series: [
+ {
+ name: '鐩爣鍊�',
+ data: [35, 36, 31, 33, 13, 34],
+ },
+ {
+ name: '瀹屾垚閲�',
+ data: [18, 27, 21, 24, 6, 28],
+ },
+ ],
+ };
+ chartData.value = JSON.parse(JSON.stringify(res));
+ }, 500);
+}
+</script>
+
+<style scoped>
+.content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+.logo {
+ height: 200rpx;
+ width: 200rpx;
+ margin-top: 200rpx;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 50rpx;
+}
+
+.text-area {
+ display: flex;
+ justify-content: center;
+}
+
+.title {
+ font-size: 36rpx;
+ color: #8f8f94;
+}
+
+.charts-box {
+ width: 100%;
+ height: 300px;
+}
+</style>
--
Gitblit v1.9.3