diff --git a/Yi.Bbs.Vue3/index.html b/Yi.Bbs.Vue3/index.html index 4e40b468..64091a2c 100644 --- a/Yi.Bbs.Vue3/index.html +++ b/Yi.Bbs.Vue3/index.html @@ -1,47 +1,47 @@ - - + + + - .Net意社区 - - - - - - -
-
- - - 意社区很大，你要等一下... -
-
-
- - + .Net意社区 + + + + - - - - + +
+
+ + + 意社区很大，你要等一下... +
+
+
+ + + + + + + \ 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/element-override.css b/Yi.Bbs.Vue3/src/assets/styles/element-override.css new file mode 100644 index 00000000..07077fa4 --- /dev/null +++ b/Yi.Bbs.Vue3/src/assets/styles/element-override.css @@ -0,0 +1,34 @@ +/* Element Plus 主色调覆盖 */ +html.dark { + --el-color-primary: #00DA72 ; + --el-color-primary-light-3: #40e394; + --el-color-primary-light-5: #66eaa6; + --el-color-primary-light-7: #8cf1b8; + --el-color-primary-light-8: #a6f5c9; + --el-color-primary-light-9: #bff8db; + --el-color-primary-dark-2: #00b05c; + + --el-menu-hover-bg-color: none; + +} + +.el-tag { + --el-tag-border-radius: 0px; +} +.el-tag.el-tag--primary { + --el-tag-text-color: #000; +} +.el-button { + border-radius: 0px; +} +.el-card { + border-radius: 0px !important; +} + +:root { + --w-e-toolbar-bg-color:#0E131D !important; + --w-e-toolbar-color:#fff !important; + + --w-e-textarea-bg-color: #0E131D !important; +} + diff --git a/Yi.Bbs.Vue3/src/assets/styles/login.css b/Yi.Bbs.Vue3/src/assets/styles/login.css index 2a8b8489..fae123da 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,8 @@ { width: 414px; height:522px; - background-color: #FFFFFF; + 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 { @@ -197,8 +196,8 @@ align-items: flex-end; { width: 414px; height:522px; - background-color: #FFFFFF; - + /* 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/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/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 cb3108f1..f1a013e2 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: #0A0B0C; 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, #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%); } } @@ -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 dc9c7be7..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/main.js b/Yi.Bbs.Vue3/src/main.js index da231070..863b6f57 100644 --- a/Yi.Bbs.Vue3/src/main.js +++ b/Yi.Bbs.Vue3/src/main.js @@ -5,7 +5,9 @@ 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 @@ -14,19 +16,21 @@ import * as ElementPlusIconsVue from "@element-plus/icons-vue"; import directive from "./directive"; // directive 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 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..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) { - + @@ -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; /* 过渡效果 */ @@ -547,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; /* 增加内边距 */ } @@ -593,12 +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; - border-radius: 5px; - color: #409eff; + border: 1px solid #00DA72; + color: #00DA72; .content { width: 100%; @@ -634,9 +630,8 @@ const onClickToWeChat = () => { font-size: 12px; text-align: center; border: 1px solid #d9ecff; - border-radius: 5px; - color: #409eff; - background-color: #ecf5ff; + color: #000; + background-color: #BFF8DB; } } } @@ -653,7 +648,6 @@ const onClickToWeChat = () => { /* gap: 10px; */ /* padding: 15px; */ /* background-color: #f9f9f9; */ - border-radius: 8px; .el-col { flex-direction: column; @@ -661,7 +655,6 @@ const onClickToWeChat = () => { display: flex; cursor: pointer; padding: 15px 0; /* 增加内边距 */ - border-radius: 6px; /* 圆角 */ transition: all 0.3s ease; .el-icon { @@ -672,10 +665,10 @@ const onClickToWeChat = () => { &:hover { background-color: #ebf5ff; /* 更柔和的悬停色 */ - color: #409eff; /* 文字颜色变化 */ + color: #00DA72; /* 文字颜色变化 */ .el-icon { - color: #409eff; /* 图标颜色跟随变化 */ + color: #00DA72; /* 图标颜色跟随变化 */ transform: scale(1.1); /* 图标微放大 */ } } @@ -686,7 +679,7 @@ const onClickToWeChat = () => { .VisitsLineChart p { display: flex; justify-content: flex-end; - color: #409eff; + color: #000; cursor: pointer; margin-top: 8px; } @@ -705,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; } @@ -746,12 +739,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 +755,8 @@ const onClickToWeChat = () => { .switch-span { display: inline-block; padding: 5px 12px; - background-color: #ecf5ff; - color: #409eff; - border-radius: 20px; /* 更圆润的形状 */ + background-color: #00DA72; + color: #00DA72; font-size: 13px; cursor: pointer; transition: all 0.3s ease; @@ -775,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..107beb59 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; } @@ -210,7 +209,7 @@ onUnmounted(() => { height: 1800px; padding: 48px; background-color: #fff; - border-radius: 12px; + border-radius: 0px; border: 0; box-shadow: 0 0 1rem rgba(0, 0, 0, .08); display: flex; @@ -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