feat: 重构样式文件,删除不必要的样式并更新路径配置
This commit is contained in:
24
src/styles/base.css
Normal file
24
src/styles/base.css
Normal file
@ -0,0 +1,24 @@
|
||||
:root {
|
||||
--h-base-font: lxgw-wenkai-mono-tc, alibaba-puhuiti, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
||||
Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
}
|
||||
:root:root {
|
||||
--van-base-font: var(--h-base-font);
|
||||
}
|
||||
|
||||
body {
|
||||
/* min-height: 100vh; */
|
||||
color: var(--color-text);
|
||||
background: var(--color-background);
|
||||
transition:
|
||||
color 0.5s,
|
||||
background-color 0.5s;
|
||||
line-height: 1.6;
|
||||
font-family: var(--h-base-font);
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 15px;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
10
src/styles/index.ts
Normal file
10
src/styles/index.ts
Normal file
@ -0,0 +1,10 @@
|
||||
import 'nprogress/nprogress.css'; // <link rel="stylesheet" href="https://testingcf.jsdelivr.net/npm/nprogress/nprogress.css" />
|
||||
|
||||
import '@unocss/reset/tailwind-compat.css'; // https://unocss.dev/guide/style-reset#tailwind-compat // <link rel="stylesheet" href="https://testingcf.jsdelivr.net/npm/@unocss/reset/tailwind.min.css" />
|
||||
|
||||
import './main.less';
|
||||
|
||||
import 'primeicons/primeicons.css';
|
||||
import './reset-primevue.css';
|
||||
|
||||
import 'virtual:uno.css';
|
34
src/styles/main.less
Normal file
34
src/styles/main.less
Normal file
@ -0,0 +1,34 @@
|
||||
#app {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 1rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.green {
|
||||
text-decoration: none;
|
||||
color: hsla(160, 100%, 37%, 1);
|
||||
transition: 0.4s;
|
||||
padding: 3px;
|
||||
}
|
||||
.green:hover {
|
||||
background-color: hsla(160, 100%, 37%, 0.2);
|
||||
}
|
||||
|
||||
|
||||
.layout-tip {
|
||||
position: fixed;
|
||||
top: 1rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 9999;
|
||||
background-color: #fafafa;
|
||||
border: 1px solid #ccc;
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
text-transform: uppercase;
|
||||
opacity: 0.8;
|
||||
background: rgba(255, 255, 255, 0.5); /* 半透明白色背景 */
|
||||
backdrop-filter: blur(5px); /* 背景模糊 */
|
||||
}
|
35
src/styles/reset-primevue.css
Normal file
35
src/styles/reset-primevue.css
Normal file
@ -0,0 +1,35 @@
|
||||
.p-confirmdialog,
|
||||
.p-toast {
|
||||
max-width: calc(100% - 50px);
|
||||
}
|
||||
.p-toast .p-toast-message-text {
|
||||
margin-top: -0.2rem;
|
||||
}
|
||||
|
||||
.p-floatlabel:has(.p-fileupload) label {
|
||||
top: var(--p-floatlabel-over-active-top);
|
||||
transform: translateY(0);
|
||||
font-size: var(--p-floatlabel-active-font-size);
|
||||
font-weight: var(--p-floatlabel-label-active-font-weight);
|
||||
}
|
||||
|
||||
.p-fileupload-header {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.p-fileupload-file-name {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.p-fileupload-content .p-progressbar {
|
||||
--p-fileupload-progressbar-height: 1rem;
|
||||
}
|
||||
|
||||
.p-dialog {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.p-cascadeselect-list-container {
|
||||
max-height: calc(100vh - 10rem);
|
||||
overflow-y: auto;
|
||||
}
|
Reference in New Issue
Block a user