From 7f4b8f1c8ab65abebf5bcd9b2f54611c64a7be09 Mon Sep 17 00:00:00 2001 From: chenchun Date: Mon, 4 Aug 2025 17:07:01 +0800 Subject: [PATCH 1/5] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=9A=97?= =?UTF-8?q?=E8=89=B2=E4=B8=BB=E9=A2=98=E6=94=AF=E6=8C=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在HTML根元素添加dark类名以启用暗色模式 - 引入Element Plus暗色主题CSS变量文件 - 格式化代码缩进和结构，提升代码可读性 --- Yi.Bbs.Vue3/index.html | 85 +++++++++++++++++++++-------------------- Yi.Bbs.Vue3/src/main.js | 30 +++++++-------- 2 files changed, 58 insertions(+), 57 deletions(-) diff --git a/Yi.Bbs.Vue3/index.html b/Yi.Bbs.Vue3/index.html index 4e40b468..e65d8ca9 100644 --- a/Yi.Bbs.Vue3/index.html +++ b/Yi.Bbs.Vue3/index.html @@ -1,47 +1,48 @@ - - + + + - .Net意社区 - - - - - - -
-
- - - 意社区很大，你要等一下... -
-
-
- - + .Net意社区 + + + + + - - - - + +
+
+ + + 意社区很大，你要等一下... +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/main.js b/Yi.Bbs.Vue3/src/main.js index da231070..8f2611cb 100644 --- a/Yi.Bbs.Vue3/src/main.js +++ b/Yi.Bbs.Vue3/src/main.js @@ -8,7 +8,7 @@ import piniaPluginPersistedstate from "pinia-plugin-persistedstate"; 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 * as ElementPlusIconsVue from "@element-plus/icons-vue"; import directive from "./directive"; // directive @@ -16,17 +16,17 @@ import VueLuckyCanvas from '@lucky-canvas/vue' import "./permission"; -(async () => { - const app = createApp(App); - for (const [key, component] of Object.entries(ElementPlusIconsVue)) { - app.component(key, component); - } - const pinia = createPinia(); - pinia.use(piniaPluginPersistedstate); - app.use(pinia); - directive(app); - app.use(router); - app.use(VueLuckyCanvas); - await router.isReady(); - app.mount("#app"); -})(); +(async() => { + const app = createApp(App); + for (const [key, component] of Object.entries(ElementPlusIconsVue)) { + app.component(key, component); + } + const pinia = createPinia(); + pinia.use(piniaPluginPersistedstate); + app.use(pinia); + directive(app); + app.use(router); + app.use(VueLuckyCanvas); + await router.isReady(); + app.mount("#app"); +})(); \ No newline at end of file From 7cb3aea2e684002f07af5052fb121c7693158ff1 Mon Sep 17 00:00:00 2001 From: chenchun Date: Mon, 4 Aug 2025 18:27:18 +0800 Subject: [PATCH 2/5] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E6=A0=B7?= =?UTF-8?q?=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; From 3e647ef14d32f2c6df77c7819f01df845cc9568c Mon Sep 17 00:00:00 2001 From: ccnetcore Date: Mon, 4 Aug 2025 22:35:45 +0800 Subject: [PATCH 3/5] =?UTF-8?q?style:=20=E5=85=A8=E5=B1=80=E4=BF=AE?= =?UTF-8?q?=E6=94=B9=E6=A0=B7=E5=BC=8F=E4=B8=BB=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Yi.Bbs.Vue3/index.html | 5 ++-- Yi.Bbs.Vue3/package.json | 2 +- Yi.Bbs.Vue3/src/assets/box/online_bg.svg | 2 +- Yi.Bbs.Vue3/src/assets/common/icons/dog.svg | 2 +- Yi.Bbs.Vue3/src/assets/github-markdown.css | 2 +- Yi.Bbs.Vue3/src/assets/styles/login.css | 6 ++-- Yi.Bbs.Vue3/src/assets/styles/ruoyi.scss | 2 +- Yi.Bbs.Vue3/src/components/AgreeInfo.vue | 2 +- .../src/components/ArticleContentInfo.vue | 2 +- Yi.Bbs.Vue3/src/components/BottomInfo.vue | 1 - Yi.Bbs.Vue3/src/components/DisscussCard.vue | 7 ++--- Yi.Bbs.Vue3/src/components/PlateCard.vue | 4 +-- .../src/components/TreeArticleInfo.vue | 4 +-- Yi.Bbs.Vue3/src/layout/Index.vue | 4 +-- Yi.Bbs.Vue3/src/main.js | 7 +++-- Yi.Bbs.Vue3/src/views/Article.vue | 6 ++-- Yi.Bbs.Vue3/src/views/chathub/Index.vue | 2 +- .../src/views/discuss/components/tabs.vue | 2 +- Yi.Bbs.Vue3/src/views/home/Index.vue | 29 +++++++++---------- .../home/components/PointsRanking/index.vue | 4 +-- .../home/components/RecommendFriend/index.vue | 4 +-- .../home/components/RecommendTheme/index.vue | 4 +-- Yi.Bbs.Vue3/src/views/login/index.bak.vue | 2 +- Yi.Bbs.Vue3/src/views/profile/Index.vue | 18 +++++++----- Yi.Bbs.Vue3/src/views/shop/Index.vue | 1 - Yi.Bbs.Vue3/src/views/start/Index.vue | 5 ++-- .../src/views/start/components/Box.vue | 4 +-- .../src/views/start/components/CodeBox.vue | 2 +- .../src/views/start/components/LableCheck.vue | 2 +- .../src/views/start/components/LableInput.vue | 2 +- 30 files changed, 69 insertions(+), 70 deletions(-) diff --git a/Yi.Bbs.Vue3/index.html b/Yi.Bbs.Vue3/index.html index e65d8ca9..64091a2c 100644 --- a/Yi.Bbs.Vue3/index.html +++ b/Yi.Bbs.Vue3/index.html @@ -9,7 +9,6 @@ - @@ -25,7 +24,7 @@ - + \ No newline at end of file diff --git a/Yi.Bbs.Vue3/package.json b/Yi.Bbs.Vue3/package.json index c44e3749..c6a2e014 100644 --- a/Yi.Bbs.Vue3/package.json +++ b/Yi.Bbs.Vue3/package.json @@ -38,7 +38,7 @@ "devDependencies": { "@vitejs/plugin-vue": "^4.0.0", "copy-webpack-plugin": "^11.0.0", - "sass": "1.52.1", + "sass": "^1.89.2", "unplugin-auto-import": "^0.15.0", "unplugin-vue-components": "^0.24.0", "vite": "^4.1.3", diff --git a/Yi.Bbs.Vue3/src/assets/box/online_bg.svg b/Yi.Bbs.Vue3/src/assets/box/online_bg.svg index 5f99db37..aac25ae0 100644 --- a/Yi.Bbs.Vue3/src/assets/box/online_bg.svg +++ b/Yi.Bbs.Vue3/src/assets/box/online_bg.svg @@ -1,2 +1,2 @@ - + \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/assets/common/icons/dog.svg b/Yi.Bbs.Vue3/src/assets/common/icons/dog.svg index f316dafb..3a3f6d01 100644 --- a/Yi.Bbs.Vue3/src/assets/common/icons/dog.svg +++ b/Yi.Bbs.Vue3/src/assets/common/icons/dog.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/assets/github-markdown.css b/Yi.Bbs.Vue3/src/assets/github-markdown.css index 7fa62386..c775ae24 100644 --- a/Yi.Bbs.Vue3/src/assets/github-markdown.css +++ b/Yi.Bbs.Vue3/src/assets/github-markdown.css @@ -7,7 +7,7 @@ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.5; - color: #24292e; + color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; diff --git a/Yi.Bbs.Vue3/src/assets/styles/login.css b/Yi.Bbs.Vue3/src/assets/styles/login.css index 2a8b8489..ab961daa 100644 --- a/Yi.Bbs.Vue3/src/assets/styles/login.css +++ b/Yi.Bbs.Vue3/src/assets/styles/login.css @@ -9,7 +9,7 @@ justify-content: center; align-items: center; height: 100%; - /*background-color: #272162;*/ + background: linear-gradient(135deg, #0a0a0a 0%, #0d1520 30%, #0a0a0a 70%, #0f1520 100%), linear-gradient(135deg, rgba(0, 255, 136, 0.03) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 255, 136, 0.02) 100%); } .div-content @@ -24,7 +24,7 @@ { width: 414px; height:522px; - background-color: #FFFFFF; + /* background-color: #FFFFFF; */ } .div-right { @@ -197,7 +197,7 @@ align-items: flex-end; { width: 414px; height:522px; - background-color: #FFFFFF; + /* background-color: #FFFFFF; */ } .div-right-register diff --git a/Yi.Bbs.Vue3/src/assets/styles/ruoyi.scss b/Yi.Bbs.Vue3/src/assets/styles/ruoyi.scss index acca7fb8..18309ae4 100644 --- a/Yi.Bbs.Vue3/src/assets/styles/ruoyi.scss +++ b/Yi.Bbs.Vue3/src/assets/styles/ruoyi.scss @@ -138,7 +138,7 @@ /** 表格更多操作下拉样式 */ .el-table .el-dropdown-link { cursor: pointer; - color: #409EFF; + color: #00DA72; margin-left: 10px; } diff --git a/Yi.Bbs.Vue3/src/components/AgreeInfo.vue b/Yi.Bbs.Vue3/src/components/AgreeInfo.vue index 20913f40..412730ca 100644 --- a/Yi.Bbs.Vue3/src/components/AgreeInfo.vue +++ b/Yi.Bbs.Vue3/src/components/AgreeInfo.vue @@ -1,6 +1,6 @@ + diff --git a/Yi.Bbs.Vue3/src/layout/Index.vue b/Yi.Bbs.Vue3/src/layout/Index.vue index 467c3818..d1f36e55 100644 --- a/Yi.Bbs.Vue3/src/layout/Index.vue +++ b/Yi.Bbs.Vue3/src/layout/Index.vue @@ -52,7 +52,7 @@ const handleScroll = () => { } &-header { width: 100%; - background: rgba(10, 10, 10, 0.9); + background: #0A0B0C; box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; height: 60px; display: flex; @@ -60,7 +60,7 @@ const handleScroll = () => { } &-main { - 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%); + background: linear-gradient(135deg, #0a0a0a 0%, #0d1520 30%, #0a0a0a 70%, #0f1520 100%),linear-gradient(135deg, rgba(0, 255, 136, 0.03) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 255, 136, 0.02) 100%); } } diff --git a/Yi.Bbs.Vue3/src/main.js b/Yi.Bbs.Vue3/src/main.js index f048aa58..863b6f57 100644 --- a/Yi.Bbs.Vue3/src/main.js +++ b/Yi.Bbs.Vue3/src/main.js @@ -5,11 +5,12 @@ import App from "./App.vue"; import router from "./router"; import piniaPluginPersistedstate from "pinia-plugin-persistedstate"; -import "element-plus/dist/index.css"; +import 'element-plus/theme-chalk/dark/css-vars.css' +import '@/assets/styles/element-override.css' //重写element + 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 diff --git a/Yi.Bbs.Vue3/src/views/Article.vue b/Yi.Bbs.Vue3/src/views/Article.vue index 1bfd6829..fab54aa4 100644 --- a/Yi.Bbs.Vue3/src/views/Article.vue +++ b/Yi.Bbs.Vue3/src/views/Article.vue @@ -518,13 +518,13 @@ watch( } .left-div .el-col { - background-color: #ffffff; + background-color: #1D1E1F; min-height: 12rem; margin-bottom: 1rem; } .right-div .el-col { - background-color: #ffffff; + background-color: #1D1E1F; min-height: 10rem; margin-bottom: 1rem; } @@ -548,7 +548,7 @@ watch( h2 { margin-bottom: 0.5em; - color: rgba(0, 0, 0, 0.85); + color: #fff; font-weight: 600; font-size: 30px; line-height: 1.35; diff --git a/Yi.Bbs.Vue3/src/views/chathub/Index.vue b/Yi.Bbs.Vue3/src/views/chathub/Index.vue index 8a1b63d6..f4c4400e 100644 --- a/Yi.Bbs.Vue3/src/views/chathub/Index.vue +++ b/Yi.Bbs.Vue3/src/views/chathub/Index.vue @@ -1182,7 +1182,7 @@ ul { overflow-x: scroll; .header { - background-color: #409eff; + background-color: #00DA72; color: white; height: 30px; display: flex; diff --git a/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue b/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue index 9b301a45..e94a2e19 100644 --- a/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue +++ b/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue @@ -79,6 +79,6 @@ const handleClick = (item) => { } } .active-tab { - color: #409eff; + color: #00DA72; } diff --git a/Yi.Bbs.Vue3/src/views/home/Index.vue b/Yi.Bbs.Vue3/src/views/home/Index.vue index 769e3983..8dab79fe 100644 --- a/Yi.Bbs.Vue3/src/views/home/Index.vue +++ b/Yi.Bbs.Vue3/src/views/home/Index.vue @@ -154,7 +154,7 @@ margin: 10px auto;"> @@ -545,14 +545,13 @@ const onClickToWeChat = () => { /* 简介卡片样式特别处理 */ .introduce { - color: rgba(0, 0, 0, 0.65); /* 更深的颜色提高对比度 */ font-size: 14px; /* 稍微增大字体 */ line-height: 1.6; /* 增加行高 */ padding: 15px 5px; /* 增加内边距 */ letter-spacing: 0.5px; /* 字间距 */ span { - color: #1890ff; + color: #00DA72; font-weight: 600; /* 加粗 */ padding: 0 2px; /* 增加内边距 */ } @@ -591,11 +590,11 @@ const onClickToWeChat = () => { height: 100%; position: relative; background: url("@/assets/box/online_bg.svg") no-repeat; - background-color: #fff; + background-color: #080E14; background-position: 0 30px; background-size: 150% 100%; - border: 1px solid #409eff; - color: #409eff; + border: 1px solid #00DA72; + color: #00DA72; .content { width: 100%; @@ -631,8 +630,8 @@ const onClickToWeChat = () => { font-size: 12px; text-align: center; border: 1px solid #d9ecff; - color: #409eff; - background-color: #ecf5ff; + color: #000; + background-color: #BFF8DB; } } } @@ -666,10 +665,10 @@ const onClickToWeChat = () => { &:hover { background-color: #ebf5ff; /* 更柔和的悬停色 */ - color: #409eff; /* 文字颜色变化 */ + color: #00DA72; /* 文字颜色变化 */ .el-icon { - color: #409eff; /* 图标颜色跟随变化 */ + color: #00DA72; /* 图标颜色跟随变化 */ transform: scale(1.1); /* 图标微放大 */ } } @@ -680,7 +679,7 @@ const onClickToWeChat = () => { .VisitsLineChart p { display: flex; justify-content: flex-end; - color: #409eff; + color: #000; cursor: pointer; margin-top: 8px; } @@ -699,14 +698,14 @@ const onClickToWeChat = () => { //走马灯，聊天室链接 .chat-hub { - background-color: #E6A23C; +// background-color: #00DA72; color: #ffffff; margin-bottom: 10px; width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; - + border: 1px solid #00DA72; span { color: red; } @@ -757,7 +756,7 @@ const onClickToWeChat = () => { display: inline-block; padding: 5px 12px; background-color: #00DA72; - color: #409eff; + color: #00DA72; font-size: 13px; cursor: pointer; transition: all 0.3s ease; @@ -766,7 +765,7 @@ const onClickToWeChat = () => { overflow: hidden; &:hover { - background-color: #409eff; + background-color: #00DA72; color: #fff !important;/* 悬浮时文字变为白色 */ transform: translateY(-2px); box-shadow: 0 4px 8px rgba(64, 158, 255, 0.25); diff --git a/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue b/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue index 829d4abf..0c6d35c4 100644 --- a/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue +++ b/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue @@ -91,7 +91,7 @@ const userImageSrc = computed(() => { .name { cursor: pointer; width: 100%; - color: #252933; + color: #ffffff; margin-left: 5px; white-space: nowrap; overflow: hidden; @@ -108,7 +108,7 @@ const userImageSrc = computed(() => { justify-content: flex-start; align-items: center; font-size: 16px; - color: #1171ee; + color: #00DA72; } } } diff --git a/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue b/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue index 058b5441..8386f179 100644 --- a/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue +++ b/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue @@ -87,7 +87,7 @@ const userImageSrc = computed(() => { align-items: center; .name { width: 100px; - color: #252933; + color: #fff; margin-left: 5px; white-space: nowrap; overflow: hidden; @@ -107,7 +107,7 @@ const userImageSrc = computed(() => { justify-content: flex-start; align-items: center; font-size: 16px; - color: #1171ee; + color: #00DA72; } } } diff --git a/Yi.Bbs.Vue3/src/views/home/components/RecommendTheme/index.vue b/Yi.Bbs.Vue3/src/views/home/components/RecommendTheme/index.vue index 227ea201..1c1b9594 100644 --- a/Yi.Bbs.Vue3/src/views/home/components/RecommendTheme/index.vue +++ b/Yi.Bbs.Vue3/src/views/home/components/RecommendTheme/index.vue @@ -76,7 +76,7 @@ const handleClickTheme = (id) => { font-size: 16px; cursor: pointer; width: 230px; - color: #252933; + color: #fff; margin-left: 5px; white-space: nowrap; overflow: hidden; @@ -96,7 +96,7 @@ const handleClickTheme = (id) => { width: 30px; margin-left: 10px; cursor: pointer; - color: #252933; + color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; diff --git a/Yi.Bbs.Vue3/src/views/login/index.bak.vue b/Yi.Bbs.Vue3/src/views/login/index.bak.vue index 5a8eeb44..40710b5f 100644 --- a/Yi.Bbs.Vue3/src/views/login/index.bak.vue +++ b/Yi.Bbs.Vue3/src/views/login/index.bak.vue @@ -370,7 +370,7 @@ display: flex; justify-content: flex-end; align-items: center; - color: #409eff; + color: #00DA72; } .top { height: 40px; diff --git a/Yi.Bbs.Vue3/src/views/profile/Index.vue b/Yi.Bbs.Vue3/src/views/profile/Index.vue index dc6dabb1..a99597c8 100644 --- a/Yi.Bbs.Vue3/src/views/profile/Index.vue +++ b/Yi.Bbs.Vue3/src/views/profile/Index.vue @@ -286,11 +286,13 @@ $userHeight: 220px; $remarkHeight: $topHeight - $userHeight; .div-top { padding-top: 10px; - background-color: #ffffff; + border: 1px solid rgba(0, 255, 136, 0.2); + border-radius: 0; + background-color: #1D1E1F; min-height: $topHeight; margin-top: 30px; font-size: 14px; - color: #555666; + color: #fff; &-user { display: flex; width: 100%; @@ -310,7 +312,7 @@ $remarkHeight: $topHeight - $userHeight; padding-top: 5px; padding-bottom: 5px; &-left { - color:#222226; + color:#fff; font-size: 23px; font-weight: 800; .el-tag{ @@ -327,7 +329,7 @@ $remarkHeight: $topHeight - $userHeight; .user-remark span { font-size: larger; font-weight: bold; - color: black; + color: #fff; } p { @@ -366,14 +368,16 @@ width: 80%; &-left { padding-top: 30px; height: 280px; - background-color: #FFFFFF; + background-color: #1D1E1F; + border: 1px solid rgba(0, 255, 136, 0.2); } &-right { - background-color: #f0f2f5; + + background-color: #0C121A; padding-left: 20px; &-content { width: 100%; - background-color: #FFFFFF; + background-color: #0C121A; } } .el-menu diff --git a/Yi.Bbs.Vue3/src/views/shop/Index.vue b/Yi.Bbs.Vue3/src/views/shop/Index.vue index 76b776f4..d439af3a 100644 --- a/Yi.Bbs.Vue3/src/views/shop/Index.vue +++ b/Yi.Bbs.Vue3/src/views/shop/Index.vue @@ -104,7 +104,6 @@ const confirmBuy=async()=>{ margin-bottom: 40px; margin-top: 20px; padding: 20px; - background-color: #ffffff; width: 60%; .title { diff --git a/Yi.Bbs.Vue3/src/views/start/Index.vue b/Yi.Bbs.Vue3/src/views/start/Index.vue index 81fea86c..408a7db0 100644 --- a/Yi.Bbs.Vue3/src/views/start/Index.vue +++ b/Yi.Bbs.Vue3/src/views/start/Index.vue @@ -177,7 +177,6 @@ onUnmounted(() => { .start-body { height: 100%; width: 100%; - background-color: #FCFCFC; } @@ -221,7 +220,7 @@ onUnmounted(() => { &-right { width: 0%; - background-color: #409EFF; + background-color: #00DA72; } @@ -238,7 +237,7 @@ onUnmounted(() => { h4 { font-size: 20px; font-weight: 500; - color: #409EFF; + color: #00DA72; margin-bottom: .25rem; margin-top: 0; diff --git a/Yi.Bbs.Vue3/src/views/start/components/Box.vue b/Yi.Bbs.Vue3/src/views/start/components/Box.vue index 3b81d6b5..fc39d7b9 100644 --- a/Yi.Bbs.Vue3/src/views/start/components/Box.vue +++ b/Yi.Bbs.Vue3/src/views/start/components/Box.vue @@ -23,7 +23,7 @@ watch(()=>props.isSelect,(n,o)=>{ \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/views/start/components/CodeBox.vue b/Yi.Bbs.Vue3/src/views/start/components/CodeBox.vue index f9c55fde..2c3e9308 100644 --- a/Yi.Bbs.Vue3/src/views/start/components/CodeBox.vue +++ b/Yi.Bbs.Vue3/src/views/start/components/CodeBox.vue @@ -70,7 +70,7 @@ const copyText=async ()=>{ } &-right{ button{ - background-color:#409EFF; + background-color:#00DA72; color: #fff !important; height: 25px; width: 50px; diff --git a/Yi.Bbs.Vue3/src/views/start/components/LableCheck.vue b/Yi.Bbs.Vue3/src/views/start/components/LableCheck.vue index 426b2af0..bf606702 100644 --- a/Yi.Bbs.Vue3/src/views/start/components/LableCheck.vue +++ b/Yi.Bbs.Vue3/src/views/start/components/LableCheck.vue @@ -65,6 +65,6 @@ input[type=checkbox]:checked::after { color: #fff; font-size: 16px; font-weight: bold; - background-color: #409EFF; + background-color: #00DA72; } \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/views/start/components/LableInput.vue b/Yi.Bbs.Vue3/src/views/start/components/LableInput.vue index 11f2ef8a..e1396928 100644 --- a/Yi.Bbs.Vue3/src/views/start/components/LableInput.vue +++ b/Yi.Bbs.Vue3/src/views/start/components/LableInput.vue @@ -35,7 +35,7 @@ input { width: 100%; } input:hover { - border: 2px solid #409EFF; + border: 2px solid #00DA72; background-color:#FFFFFF; /* 鼠标悬停时的边框颜色 */ } \ No newline at end of file From 225932eff1347507f61ef20026bc096a7d509df7 Mon Sep 17 00:00:00 2001 From: ccnetcore Date: Mon, 4 Aug 2025 23:29:25 +0800 Subject: [PATCH 4/5] =?UTF-8?q?style:=20=E4=B8=8A=E7=BA=BF=E5=85=A8?= =?UTF-8?q?=E5=B1=80=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/assets/styles/login.css | 21 ++++++++++++------- Yi.Bbs.Vue3/src/layout/AppHeader.vue | 2 +- Yi.Bbs.Vue3/src/layout/ChatLayout.vue | 1 + Yi.Bbs.Vue3/src/layout/Index.vue | 2 +- Yi.Bbs.Vue3/src/layout/activity/Index.vue | 5 +++-- .../activity/components/ActivityBody.vue | 8 +++---- Yi.Bbs.Vue3/src/views/chathub/Index.vue | 4 ++-- .../src/views/discuss/components/tabs.vue | 2 +- Yi.Bbs.Vue3/src/views/discuss/index.vue | 2 +- Yi.Bbs.Vue3/src/views/start/Index.vue | 2 +- 10 files changed, 29 insertions(+), 20 deletions(-) diff --git a/Yi.Bbs.Vue3/src/assets/styles/login.css b/Yi.Bbs.Vue3/src/assets/styles/login.css index ab961daa..fae123da 100644 --- a/Yi.Bbs.Vue3/src/assets/styles/login.css +++ b/Yi.Bbs.Vue3/src/assets/styles/login.css @@ -24,6 +24,7 @@ { width: 414px; height:522px; + border: 1px solid rgba(0, 255, 136, 0.2); /* background-color: #FFFFFF; */ } .div-right @@ -89,22 +90,20 @@ height: 25px; } .left-btn button { - border: 1px solid #000; + border: 1px solid rgba(0, 255, 136, 0.2); width: 100px; height: 35px; cursor: pointer; } .btn-login { - background-color: #EF6562; - color: #FFFFFF; + color: #000000; + background: #00DB73; } .btn-reg { margin-left: 20px; - background-color: #FFFFFF; - } .left-lable { @@ -198,7 +197,7 @@ align-items: flex-end; width: 414px; height:522px; /* background-color: #FFFFFF; */ - + border: 1px solid rgba(0, 255, 136, 0.2); } .div-right-register { @@ -218,4 +217,12 @@ align-items: flex-end; { width: 100%; height: 100%; - } \ No newline at end of file + } + +.btn-login:hover { + box-shadow: 0 10px 25px rgba(0, 255, 136, 0.3); +} +.btn-reg:hover { + background: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.3); + } \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/layout/AppHeader.vue b/Yi.Bbs.Vue3/src/layout/AppHeader.vue index 9720a493..f56856ee 100644 --- a/Yi.Bbs.Vue3/src/layout/AppHeader.vue +++ b/Yi.Bbs.Vue3/src/layout/AppHeader.vue @@ -91,7 +91,7 @@ -
+
[已读]通知时间： {{ dayjs(item.creationTime).format('YYYY年M月D日 HH时mm分ss秒') }}
diff --git a/Yi.Bbs.Vue3/src/layout/ChatLayout.vue b/Yi.Bbs.Vue3/src/layout/ChatLayout.vue index c26fa647..9792bfb3 100644 --- a/Yi.Bbs.Vue3/src/layout/ChatLayout.vue +++ b/Yi.Bbs.Vue3/src/layout/ChatLayout.vue @@ -18,6 +18,7 @@ onUnmounted(()=>{ .chat-body { height: 100%; + /* padding: 5%; */ display: flex; justify-content: center; diff --git a/Yi.Bbs.Vue3/src/layout/Index.vue b/Yi.Bbs.Vue3/src/layout/Index.vue index d1f36e55..f1a013e2 100644 --- a/Yi.Bbs.Vue3/src/layout/Index.vue +++ b/Yi.Bbs.Vue3/src/layout/Index.vue @@ -68,7 +68,6 @@ const handleScroll = () => { margin: 0; padding: 0; min-height: 10rem; - //background-color: #f0f2f5; } .fixed { @@ -79,3 +78,4 @@ const handleScroll = () => { z-index: 99999; } + diff --git a/Yi.Bbs.Vue3/src/layout/activity/Index.vue b/Yi.Bbs.Vue3/src/layout/activity/Index.vue index 025373c5..ed89d6c1 100644 --- a/Yi.Bbs.Vue3/src/layout/activity/Index.vue +++ b/Yi.Bbs.Vue3/src/layout/activity/Index.vue @@ -39,7 +39,6 @@ const handleScroll = () => { } }; - diff --git a/Yi.Bbs.Vue3/src/views/chathub/Index.vue b/Yi.Bbs.Vue3/src/views/chathub/Index.vue index f4c4400e..8060c349 100644 --- a/Yi.Bbs.Vue3/src/views/chathub/Index.vue +++ b/Yi.Bbs.Vue3/src/views/chathub/Index.vue @@ -503,7 +503,7 @@ const clickCopyEvent = async function (event) {