xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 全部样式更新2.0

Browse Source
This commit is contained in:
chenchun
2025-08-05 14:09:39 +08:00
parent 09a2f91cbf
commit e73678c788
15 changed files with 135 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
Yi.Bbs.Vue3/src/assets/styles/element-override.css
View File

@@ -1,35 +1,39 @@
/* 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;
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-border-radius: 0px;
}
.el-tag.el-tag--primary {
--el-tag-text-color: #000;
}
.el-button {
border-radius: 0px;
}
.el-card {
--el-card-bg-color: none !important;
border-radius: 0px !important;
--el-card-bg-color: none !important;
border-radius: 0px !important;
}
.el-card:hover {
border-color: rgba(0, 255, 136, 0.4) !important;
}
:root {
--w-e-toolbar-bg-color:#0E131D !important;
--w-e-toolbar-color:#fff !important;
--w-e-toolbar-bg-color: #0E131D !important;
--w-e-toolbar-color: #fff !important;
--w-e-textarea-bg-color: #0E131D !important;
}
}

99
Yi.Bbs.Vue3/src/assets/styles/index.scss
View File

@@ -3,6 +3,7 @@
* http://cssreset.com
* 全局初始化样式
*/
html,
body,
div,
@@ -78,25 +79,30 @@ mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
outline: none;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
outline: none;
}
body {
/* px-to-viewport-ignore-next */
min-width: 1024px; /* px-to-viewport-ignore */
}
html {
/* px-to-viewport-ignore-next */
min-width: 1024px; /* px-to-viewport-ignore */
/* px-to-viewport-ignore-next */
min-width: 1024px;
/* px-to-viewport-ignore */
}
html {
/* px-to-viewport-ignore-next */
min-width: 1024px;
/* px-to-viewport-ignore */
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
@@ -107,88 +113,99 @@ header,
menu,
nav,
section {
display: block;
display: block;
}
blockquote,
q {
quotes: none;
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: none;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
}
/* custom */
li {
//list-style: none;
//list-style: none;
}
button {
outline: none;
cursor: pointer;
background-color: transparent;
border-style: none;
outline: none;
cursor: pointer;
background-color: transparent;
border-style: none;
}
.el-textarea__inner::placeholder {
color: #999 !important;
color: #999 !important;
}
.el-input__inner::placeholder {
color: #999 !important;
color: #999 !important;
}
input::-webkit-input-placeholder {
color: #999 !important;
color: #999 !important;
}
.el-input__inner::-webkit-input-placeholder {
color: #999 !important;
color: #999 !important;
}
input::placeholder {
color: #999 !important;
color: #999 !important;
}
textarea::placeholder {
color: #999 !important;
color: #999 !important;
}
* {
box-sizing: border-box;
box-sizing: border-box;
}
html,
body,
#app {
width: 100%;
height: 100%;
font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif,
Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbo;
width: 100%;
// height: 100%;
font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbo;
}
/* //滚动条样式 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
width: 10px;
height: 10px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
border-radius: 10px;
border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #ccc;
border-radius: 10px;
background: #ccc;
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(249, 222, 222, 0.6);
}
background: rgba(249, 222, 222, 0.6);
}