style: 全部样式更新2.0

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

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);
}