yudao-team/yudao-cloud-ui
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新几种配色 更新首页模块顶部线条随主题更改

Browse Source
This commit is contained in:
XaoLi717 2024-10-16 11:06:09 +08:00
parent 709d06b88f
commit 436defe466
2 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/layout/components/Setting/src/Setting.vue
View File

@ -234,6 +234,10 @@ const clear = () => {
'#ee4f12',
'#0096c7',
'#9c27b0',
'#4CAF50',
'#A5D6A7',
'#CDDC39',
'#B0BEC5',
'#ff9800'
]"
@change="setSystemTheme"
@ -251,6 +255,10 @@ const clear = () => {
'#24292e',
'#394664',
'#009688',
'#E8F5E9',
'#FFF3E0',
'#E8F5E9',
'#FFFFFF',
'#383f45'
]"
@change="setHeaderTheme"
@ -269,6 +277,10 @@ const clear = () => {
'#191b24',
'#383f45',
'#001628',
'#2E7D32',
'#FF7043',
'#2E7D32',
'#000000',
'#344058'
]"
@change="setMenuTheme"

27
src/views/Home/Index.vue
View File

@ -13,7 +13,7 @@
<el-col :xl="7" :lg="7" :md="24" :sm="24" :xs="24">
<el-card shadow="hover">
<template #header >
<div style="height: 2px;background-color: #ffbd00;margin: 0;padding: 0;"></div>
<div class="SystemThem" style="height: 2px;"></div>
<div class="h-3 flex justify-between" style="height: 15px;margin: 0;padding: 0;">
<span style="display: inline-block;">要闻速递</span>
<el-link
@ -28,11 +28,7 @@
</template>
<el-skeleton :loading="loading" animated>
<el-card shadow="hover" style="margin-bottom: 10px;height: 200px">
<el-carousel :interval="4000" height="200px" @change="handleCarouselChange" ref="carousel">
<el-carousel-item v-for="item in image" :key="item.id">
<el-image style="width: 100%; height: 100%" :src="item.src" alt="无图片" :title="item.name"/>
</el-carousel-item>
</el-carousel>
123
</el-card>
<el-row>
<el-col :span="18">
@ -53,7 +49,7 @@
</el-card>
<el-card shadow="hover" class="mt-8px">
<template #header >
<div style="height: 2px;background-color: #ffbd00;margin: 0;padding: 0;"></div>
<div class="SystemThem" style="height: 2px;"></div>
<div class="h-3 flex justify-between" style="height: 15px;margin: 0;padding: 0;">
<span style="display: inline-block;">要闻速递</span>
<el-link
@ -79,7 +75,7 @@
</el-card>
<el-card shadow="hover" class="mt-8px">
<template #header >
<div style="height: 2px;background-color: #ffbd00;margin: 0;padding: 0;"></div>
<div class="SystemThem" style="height: 2px;"></div>
<div class="h-3 flex justify-between" style="height: 15px;margin: 0;padding: 0;">
<span style="display: inline-block;">系统聚焦</span>
<el-link
@ -107,7 +103,7 @@
<el-col :xl="11" :lg="11" :md="24" :sm="24" :xs="24" class="mb-8px">
<el-card shadow="hover">
<template #header >
<div style="height: 2px;background-color: #ffbd00;margin: 0;padding: 0;"></div>
<div class="SystemThem" style="height: 2px;"></div>
<div class="h-3 flex justify-between" style="height: 15px;margin: 0;padding: 0;">
<span style="display: inline-block;">事务</span>
<el-link
@ -167,7 +163,7 @@
</el-card>
<el-card shadow="hover" class="mt-8px">
<template #header >
<div style="height: 2px;background-color: #ffbd00;margin: 0;padding: 0;"></div>
<div class="SystemThem" style="height: 2px;"></div>
<div class="h-3 flex justify-between" style="height: 15px;margin: 0;padding: 0;">
<span style="display: inline-block;">报销单</span>
<el-link
@ -193,7 +189,7 @@
</el-card>
<el-card shadow="hover" class="mt-8px">
<template #header >
<div style="height: 2px;background-color: #ffbd00;margin: 0;padding: 0;"></div>
<div class="SystemThem" style="height: 2px;"></div>
<div class="h-3 flex justify-between" style="height: 15px;margin: 0;padding: 0;">
<span style="display: inline-block;">会议室管理</span>
<el-link
@ -221,7 +217,7 @@
<el-col :xl="6" :lg="6" :md="24" :sm="24" :xs="24" class="mb-8px">
<el-card shadow="hover">
<template #header >
<div style="height: 2px;background-color: #ffbd00;margin: 0;padding: 0;"></div>
<div class="SystemThem" style="height: 2px;"></div>
<div class="h-3 flex justify-between" style="height: 15px;margin: 0;padding: 0;">
<span style="display: inline-block;">公告</span>
<el-link
@ -247,7 +243,7 @@
</el-card>
<el-card shadow="hover" class="mt-8px">
<template #header >
<div style="height: 2px;background-color: #ffbd00;margin: 0;padding: 0;"></div>
<div class="SystemThem" style="height: 2px;"></div>
<div class="h-3 flex justify-between" style="height: 15px;margin: 0;padding: 0;">
<span style="display: inline-block;">邮件</span>
<el-link
@ -277,7 +273,7 @@
<!-- <el-card shadow="hover" class="mt-8px">-->
<el-card shadow="hover" class="mt-8px">
<template #header >
<div style="height: 2px;background-color: #ffbd00;margin: 0;padding: 0;"></div>
<div class="SystemThem" style="height: 2px;"></div>
<div class="h-3 flex justify-between" style="height: 15px;margin: 0;padding: 0;">
<span style="display: inline-block;">日历</span>
<el-link
@ -315,6 +311,9 @@
</el-row>
</template>
<style>
.SystemThem {
background-color: var(--el-color-primary);
}
.custom-calendar {
height: 310px; /* 根据需要调整高度 */
}