From 30768127d259e6675aa26dbe21c61197e637a678 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期三, 12 二月 2025 16:43:04 +0800
Subject: [PATCH] 外部框架修改
---
src/views/Home.vue | 139 +++++++++++++++++++++++-----------------------
1 files changed, 70 insertions(+), 69 deletions(-)
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a57f75b..233b236 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,5 +1,5 @@
<template>
- <div class="h-full ">
+ <div class="h-full">
<!-- 杞挱鍥鹃儴鍒� -->
<div class="banner-carousel">
<el-carousel height="400px" :interval="5000" arrow="always">
@@ -38,87 +38,88 @@
</el-carousel-item>
</el-carousel>
</div>
-
- <!-- 鍔熻兘鎸夐挳鍖哄煙 -->
- <div class="bg-white py-8">
- <div class="container mx-auto px-4">
- <div class="grid grid-cols-4 gap-8">
- <!-- 鍙慉PP -->
- <div class="function-card">
- <el-card shadow="hover" class="h-full cursor-pointer">
- <div class="flex flex-col items-center space-y-2">
- <div class="w-16 h-16 flex items-center justify-center bg-blue-100 rounded-full">
- <el-icon class="text-3xl text-blue-500"><Promotion /></el-icon>
+ <div>
+ <!-- 鍔熻兘鎸夐挳鍖哄煙 -->
+ <div class="bg-white py-8">
+ <div class="container mx-auto px-4">
+ <div class="grid grid-cols-4 gap-8">
+ <!-- 鍙慉PP -->
+ <div class="function-card">
+ <el-card shadow="hover" class="h-full cursor-pointer">
+ <div class="flex flex-col items-center space-y-2">
+ <div class="w-16 h-16 flex items-center justify-center bg-blue-100 rounded-full">
+ <el-icon class="text-3xl text-blue-500"><Promotion /></el-icon>
+ </div>
+ <div class="text-lg font-medium">鍙慉PP</div>
+ <div class="text-gray-500 text-sm">Publish APP</div>
</div>
- <div class="text-lg font-medium">鍙慉PP</div>
- <div class="text-gray-500 text-sm">Publish APP</div>
- </div>
- </el-card>
- </div>
+ </el-card>
+ </div>
- <!-- 鍙戦渶姹� -->
- <div class="function-card">
- <el-card shadow="hover" class="h-full cursor-pointer">
- <div class="flex flex-col items-center space-y-2">
- <div class="w-16 h-16 flex items-center justify-center bg-green-100 rounded-full">
- <el-icon class="text-3xl text-green-500"><Document /></el-icon>
+ <!-- 鍙戦渶姹� -->
+ <div class="function-card">
+ <el-card shadow="hover" class="h-full cursor-pointer">
+ <div class="flex flex-col items-center space-y-2">
+ <div class="w-16 h-16 flex items-center justify-center bg-green-100 rounded-full">
+ <el-icon class="text-3xl text-green-500"><Document /></el-icon>
+ </div>
+ <div class="text-lg font-medium">鍙戦渶姹�</div>
+ <div class="text-gray-500 text-sm">Publish Demand</div>
</div>
- <div class="text-lg font-medium">鍙戦渶姹�</div>
- <div class="text-gray-500 text-sm">Publish Demand</div>
- </div>
- </el-card>
- </div>
+ </el-card>
+ </div>
- <!-- 鎵続PP -->
- <div class="function-card">
- <el-card shadow="hover" class="h-full cursor-pointer">
- <div class="flex flex-col items-center space-y-2">
- <div class="w-16 h-16 flex items-center justify-center bg-purple-100 rounded-full">
- <el-icon class="text-3xl text-purple-500"><Search /></el-icon>
+ <!-- 鎵続PP -->
+ <div class="function-card">
+ <el-card shadow="hover" class="h-full cursor-pointer">
+ <div class="flex flex-col items-center space-y-2">
+ <div class="w-16 h-16 flex items-center justify-center bg-purple-100 rounded-full">
+ <el-icon class="text-3xl text-purple-500"><Search /></el-icon>
+ </div>
+ <div class="text-lg font-medium">鎵続PP</div>
+ <div class="text-gray-500 text-sm">Find APP</div>
</div>
- <div class="text-lg font-medium">鎵続PP</div>
- <div class="text-gray-500 text-sm">Find APP</div>
- </div>
- </el-card>
- </div>
+ </el-card>
+ </div>
- <!-- 鎵鹃渶姹� -->
- <div class="function-card">
- <el-card shadow="hover" class="h-full cursor-pointer">
- <div class="flex flex-col items-center space-y-2">
- <div class="w-16 h-16 flex items-center justify-center bg-orange-100 rounded-full">
- <el-icon class="text-3xl text-orange-500"><List /></el-icon>
+ <!-- 鎵鹃渶姹� -->
+ <div class="function-card">
+ <el-card shadow="hover" class="h-full cursor-pointer">
+ <div class="flex flex-col items-center space-y-2">
+ <div class="w-16 h-16 flex items-center justify-center bg-orange-100 rounded-full">
+ <el-icon class="text-3xl text-orange-500"><List /></el-icon>
+ </div>
+ <div class="text-lg font-medium">鎵鹃渶姹�</div>
+ <div class="text-gray-500 text-sm">Find Demand</div>
</div>
- <div class="text-lg font-medium">鎵鹃渶姹�</div>
- <div class="text-gray-500 text-sm">Find Demand</div>
- </div>
- </el-card>
+ </el-card>
+ </div>
</div>
</div>
</div>
- </div>
- <!-- 鏂伴椈鍏憡鍖哄煙 -->
- <div class="container mx-auto px-4 py-8">
- <div class="flex justify-between items-center mb-4">
- <div class="flex items-center space-x-2">
- <el-icon class="text-blue-500"><Document /></el-icon>
- <span class="text-lg font-medium">鏂伴椈鏀跨瓥</span>
+ <!-- 鏂伴椈鍏憡鍖哄煙 -->
+ <div class="container mx-auto px-4 py-8">
+ <div class="flex justify-between items-center mb-4">
+ <div class="flex items-center space-x-2">
+ <el-icon class="text-blue-500"><Document /></el-icon>
+ <span class="text-lg font-medium">鏂伴椈鏀跨瓥</span>
+ </div>
+ <el-button text>鏇村</el-button>
</div>
- <el-button text>鏇村</el-button>
+ <el-card>
+ <el-table :data="newsList" style="width: 100%" :show-header="false">
+ <el-table-column>
+ <template #default="scope">
+ <div class="flex justify-between items-center py-2">
+ <div class="text-gray-700 hover:text-blue-500 cursor-pointer">{{ scope.row.title }}</div>
+ <div class="text-gray-400 text-sm">{{ scope.row.date }}</div>
+ </div>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-card>
</div>
- <el-card>
- <el-table :data="newsList" style="width: 100%" :show-header="false">
- <el-table-column>
- <template #default="scope">
- <div class="flex justify-between items-center py-2">
- <div class="text-gray-700 hover:text-blue-500 cursor-pointer">{{ scope.row.title }}</div>
- <div class="text-gray-400 text-sm">{{ scope.row.date }}</div>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </el-card>
</div>
</div>
</template>
--
Gitblit v1.9.3