From f2433a2fb08c167b45a9fc26f2fa178a76ab807b Mon Sep 17 00:00:00 2001
From: qiyunfeng-create <1940665526@qq.com>
Date: 星期三, 20 八月 2025 10:40:02 +0800
Subject: [PATCH] 个人中心-img
---
src/views/home/index.vue | 37 +++++++++++++++++++++++++++++++++++++
1 files changed, 37 insertions(+), 0 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
new file mode 100644
index 0000000..4221005
--- /dev/null
+++ b/src/views/home/index.vue
@@ -0,0 +1,37 @@
+<template>
+ <div class="homePage">
+ <el-carousel :height="screenheight">
+ <el-carousel-item v-for="item in 4" :key="item">
+ <h3 class="small justify-center" text="2xl">{{ item }}</h3>
+ </el-carousel-item>
+ </el-carousel>
+ </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+let screenheight = ref(document.documentElement.clientHeight / 4)
+</script>
+
+<style lang="less" scoped>
+.homePage {
+ min-width: 1220px;
+ min-height: calc(100vh - 61.8%);
+ background-color: #fff;
+}
+.el-carousel__item h3 {
+ color: #475669;
+ opacity: 0.75;
+ line-height: 150px;
+ margin: 0;
+ text-align: center;
+}
+
+.el-carousel__item:nth-child(2n) {
+ background-color: #99a9bf;
+}
+
+.el-carousel__item:nth-child(2n + 1) {
+ background-color: #d3dce6;
+}
+</style>
--
Gitblit v1.9.1