From 7cb3aea2e684002f07af5052fb121c7693158ff1 Mon Sep 17 00:00:00 2001 From: chenchun Date: Mon, 4 Aug 2025 18:27:18 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Yi.Bbs.Vue3/src/components/DisscussCard.vue | 3 ++- Yi.Bbs.Vue3/src/components/ScrollbarInfo.vue | 4 ++-- Yi.Bbs.Vue3/src/components/StarBackground.vue | 3 +-- Yi.Bbs.Vue3/src/layout/Index.vue | 6 +++--- Yi.Bbs.Vue3/src/layout/activity/Index.vue | 1 - Yi.Bbs.Vue3/src/main.js | 3 +++ Yi.Bbs.Vue3/src/views/home/Index.vue | 13 ++----------- 7 files changed, 13 insertions(+), 20 deletions(-) diff --git a/Yi.Bbs.Vue3/src/components/DisscussCard.vue b/Yi.Bbs.Vue3/src/components/DisscussCard.vue index 411ad5ce..adb69e0b 100644 --- a/Yi.Bbs.Vue3/src/components/DisscussCard.vue +++ b/Yi.Bbs.Vue3/src/components/DisscussCard.vue @@ -142,7 +142,8 @@ onMounted(() => { diff --git a/Yi.Bbs.Vue3/src/components/StarBackground.vue b/Yi.Bbs.Vue3/src/components/StarBackground.vue index d669ce13..1fc6a70e 100644 --- a/Yi.Bbs.Vue3/src/components/StarBackground.vue +++ b/Yi.Bbs.Vue3/src/components/StarBackground.vue @@ -47,10 +47,9 @@ function createStars(numStars) { } function drawStars() { - ctx.fillStyle = '#f0f2f5'; + ctx.fillStyle = '#00DA72'; ctx.fillRect(0, 0, canvas.width, canvas.height); - ctx.fillStyle = 'black'; stars.forEach(star => { const k = 128 / star.z; const px = star.x * k + centerX; diff --git a/Yi.Bbs.Vue3/src/layout/Index.vue b/Yi.Bbs.Vue3/src/layout/Index.vue index cb3108f1..467c3818 100644 --- a/Yi.Bbs.Vue3/src/layout/Index.vue +++ b/Yi.Bbs.Vue3/src/layout/Index.vue @@ -52,15 +52,15 @@ const handleScroll = () => { } &-header { width: 100%; - background-color: #fff; + background: rgba(10, 10, 10, 0.9); box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; height: 60px; display: flex; justify-content: center; } &-main { - height: calc(100% - 50px); - overflow: visible !important; + + background: linear-gradient(135deg, rgba(0,255,136,0.03) 0%, rgba(0,0,0,0.8) 50%, rgba(0,255,136,0.02) 100%), linear-gradient(135deg, #0a0a0a 0%, #0d1520 30%, #0a0a0a 70%, #0f1520 100%); } } diff --git a/Yi.Bbs.Vue3/src/layout/activity/Index.vue b/Yi.Bbs.Vue3/src/layout/activity/Index.vue index dc9c7be7..025373c5 100644 --- a/Yi.Bbs.Vue3/src/layout/activity/Index.vue +++ b/Yi.Bbs.Vue3/src/layout/activity/Index.vue @@ -70,7 +70,6 @@ const handleScroll = () => { margin: 0; padding: 0; min-height: 10rem; - background-color: #f0f2f5; } .fixed { diff --git a/Yi.Bbs.Vue3/src/main.js b/Yi.Bbs.Vue3/src/main.js index 8f2611cb..f048aa58 100644 --- a/Yi.Bbs.Vue3/src/main.js +++ b/Yi.Bbs.Vue3/src/main.js @@ -9,11 +9,14 @@ import "element-plus/dist/index.css"; import "./assets/main.css"; import "@/assets/styles/index.scss"; // global css import 'element-plus/theme-chalk/dark/css-vars.css' +import '@/assets/styles/element/index.scss' //重写element import * as ElementPlusIconsVue from "@element-plus/icons-vue"; import directive from "./directive"; // directive import VueLuckyCanvas from '@lucky-canvas/vue' + + import "./permission"; (async() => { diff --git a/Yi.Bbs.Vue3/src/views/home/Index.vue b/Yi.Bbs.Vue3/src/views/home/Index.vue index d895001b..769e3983 100644 --- a/Yi.Bbs.Vue3/src/views/home/Index.vue +++ b/Yi.Bbs.Vue3/src/views/home/Index.vue @@ -215,7 +215,7 @@ margin: 10px auto;"> - + @@ -533,9 +533,7 @@ const onClickToWeChat = () => { .left-div .el-col, .right-div .el-col { - background-color: #ffffff; margin-bottom: 1rem; - border-radius: 8px; /* 增加圆角 */ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); /* 添加微妙阴影 */ transition: all 0.3s ease; /* 过渡效果 */ @@ -597,7 +595,6 @@ const onClickToWeChat = () => { background-position: 0 30px; background-size: 150% 100%; border: 1px solid #409eff; - border-radius: 5px; color: #409eff; .content { @@ -634,7 +631,6 @@ const onClickToWeChat = () => { font-size: 12px; text-align: center; border: 1px solid #d9ecff; - border-radius: 5px; color: #409eff; background-color: #ecf5ff; } @@ -653,7 +649,6 @@ const onClickToWeChat = () => { /* gap: 10px; */ /* padding: 15px; */ /* background-color: #f9f9f9; */ - border-radius: 8px; .el-col { flex-direction: column; @@ -661,7 +656,6 @@ const onClickToWeChat = () => { display: flex; cursor: pointer; padding: 15px 0; /* 增加内边距 */ - border-radius: 6px; /* 圆角 */ transition: all 0.3s ease; .el-icon { @@ -746,12 +740,10 @@ const onClickToWeChat = () => { .scrollable-div::-webkit-scrollbar-track { background: #f5f5f5; - border-radius: 10px; } .scrollable-div::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #e0e0e0, #bdbdbd); /* 渐变色滚动条 */ - border-radius: 10px; border: 2px solid transparent; background-clip: content-box; } @@ -764,9 +756,8 @@ const onClickToWeChat = () => { .switch-span { display: inline-block; padding: 5px 12px; - background-color: #ecf5ff; + background-color: #00DA72; color: #409eff; - border-radius: 20px; /* 更圆润的形状 */ font-size: 13px; cursor: pointer; transition: all 0.3s ease;