From 251d2411f235e23209d57173857e05b637729ce8 Mon Sep 17 00:00:00 2001
From: LiuHao <liuhaoai545@gmail.com>
Date: 星期日, 02 四月 2023 01:01:56 +0800
Subject: [PATCH] refactor ts
---
src/assets/styles/index.scss | 190 +++++++++++++++++++++++++----------------------
1 files changed, 102 insertions(+), 88 deletions(-)
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 29dd2b9..db6fe82 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -5,189 +5,203 @@
@import './sidebar.scss';
@import './btn.scss';
@import './ruoyi.scss';
-
+@import 'animate.css';
+//@import 'element-plus/dist/index.css';
body {
- height: 100%;
- margin: 0;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- text-rendering: optimizeLegibility;
- font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+ height: 100%;
+ margin: 0;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}
label {
- font-weight: 700;
+ font-weight: 700;
}
html {
- height: 100%;
- box-sizing: border-box;
+ height: 100%;
+ box-sizing: border-box;
}
#app {
- height: 100%;
+ height: 100%;
}
*,
*:before,
*:after {
- box-sizing: inherit;
+ box-sizing: inherit;
}
.no-padding {
- padding: 0px !important;
+ padding: 0px !important;
}
.padding-content {
- padding: 4px 0;
+ padding: 4px 0;
}
a:focus,
a:active {
- outline: none;
+ outline: none;
}
a,
a:focus,
a:hover {
- cursor: pointer;
- color: inherit;
- text-decoration: none;
+ cursor: pointer;
+ color: inherit;
+ text-decoration: none;
}
div:focus {
- outline: none;
+ outline: none;
}
.fr {
- float: right;
+ float: right;
}
.fl {
- float: left;
+ float: left;
}
.pr-5 {
- padding-right: 5px;
+ padding-right: 5px;
}
.pl-5 {
- padding-left: 5px;
+ padding-left: 5px;
}
.block {
- display: block;
+ display: block;
}
.pointer {
- cursor: pointer;
+ cursor: pointer;
}
.inlineBlock {
- display: block;
+ display: block;
}
.clearfix {
- &:after {
- visibility: hidden;
- display: block;
- font-size: 0;
- content: " ";
- clear: both;
- height: 0;
- }
+ &:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: ' ';
+ clear: both;
+ height: 0;
+ }
}
aside {
- background: #eef1f6;
- padding: 8px 24px;
- margin-bottom: 20px;
- border-radius: 2px;
- display: block;
- line-height: 32px;
- font-size: 16px;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
- color: #2c3e50;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ background: #eef1f6;
+ padding: 8px 24px;
+ margin-bottom: 20px;
+ border-radius: 2px;
+ display: block;
+ line-height: 32px;
+ font-size: 16px;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ sans-serif;
+ color: #2c3e50;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
- a {
- color: #337ab7;
- cursor: pointer;
+ a {
+ color: #337ab7;
+ cursor: pointer;
- &:hover {
- color: rgb(32, 160, 255);
- }
- }
+ &:hover {
+ color: rgb(32, 160, 255);
+ }
+ }
}
//main-container鍏ㄥ眬鏍峰紡
.app-container {
- padding: 20px;
+ padding: 20px;
+}
+// search闈㈡澘鏍峰紡
+.panel,
+.search {
+ margin-bottom: 0.75rem;
+ border-radius: 0.25rem;
+ border: 1px solid var(--el-border-color-light);
+ background-color: var(--el-bg-color-overlay);
+ padding: 0.75rem;
+ --tw-shadow: var(--el-box-shadow-light);
+ --tw-shadow-colored: var(--el-box-shadow-light);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.components-container {
- margin: 30px 50px;
- position: relative;
+ margin: 30px 50px;
+ position: relative;
}
.pagination-container {
- margin-top: 30px;
+ margin-top: 30px;
}
.text-center {
- text-align: center
+ text-align: center;
}
.sub-navbar {
- height: 50px;
- line-height: 50px;
- position: relative;
- width: 100%;
- text-align: right;
- padding-right: 20px;
- transition: 600ms ease position;
- background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
+ height: 50px;
+ line-height: 50px;
+ position: relative;
+ width: 100%;
+ text-align: right;
+ padding-right: 20px;
+ transition: 600ms ease position;
+ background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
- .subtitle {
- font-size: 20px;
- color: #fff;
- }
+ .subtitle {
+ font-size: 20px;
+ color: #fff;
+ }
- &.draft {
- background: #d0d0d0;
- }
+ &.draft {
+ background: #d0d0d0;
+ }
- &.deleted {
- background: #d0d0d0;
- }
+ &.deleted {
+ background: #d0d0d0;
+ }
}
.link-type,
.link-type:focus {
- color: #337ab7;
- cursor: pointer;
+ color: #337ab7;
+ cursor: pointer;
- &:hover {
- color: rgb(32, 160, 255);
- }
+ &:hover {
+ color: rgb(32, 160, 255);
+ }
}
.filter-container {
- padding-bottom: 10px;
+ padding-bottom: 10px;
- .filter-item {
- display: inline-block;
- vertical-align: middle;
- margin-bottom: 10px;
- }
+ .filter-item {
+ display: inline-block;
+ vertical-align: middle;
+ margin-bottom: 10px;
+ }
}
//refine vue-multiselect plugin
.multiselect {
- line-height: 16px;
+ line-height: 16px;
}
.multiselect--active {
- z-index: 1000 !important;
+ z-index: 1000 !important;
}
--
Gitblit v1.9.3