From 6949eb16d6f7dd8326050d78cd449bed0dd71dec Mon Sep 17 00:00:00 2001 From: haiyangcui Date: Thu, 5 Nov 2020 22:20:53 +0100 Subject: [PATCH] =?UTF-8?q?zy-table=E5=B7=B2=E7=BB=8F=E8=A2=ABel-table?= =?UTF-8?q?=E5=8F=96=E4=BB=A3,=E5=88=A0=E9=99=A4=E6=97=A0=E7=94=A8?= =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/style.scss | 85 -------------------------------- src/assets/scss/theme/dark.scss | 30 ----------- src/assets/scss/theme/green.scss | 28 ----------- src/assets/scss/theme/light.scss | 28 ----------- src/assets/scss/theme/pink.scss | 28 ----------- 5 files changed, 199 deletions(-) diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss index 4039ae2..8911de4 100644 --- a/src/assets/scss/style.scss +++ b/src/assets/scss/style.scss @@ -98,91 +98,6 @@ .zy-highlighted{ color: var(--highlight-color); } -// table -.zy-table{ - display: flex; - flex-direction: column; - height: 100%; - font-size: 15px; - .tHeader{ - display: flex; - align-items: center; - justify-content: space-between; - height: 50px; - min-height: 50px; - width: 100%; - border-bottom: 1px solid; - .btn{ - user-select: none; - margin-left: 15px; - margin-right: 15px; - cursor: pointer; - font-size: 14px; - } - } - .tBody{ - flex: 1; - border-bottom: 1px solid; - overflow: auto; - .el-table__row td{ - border: none; - } - .el-table::before{ - height: 0px; - } - ul{ - list-style: none; - padding: 0; - margin: 0; - li{ - display: flex; - justify-content: flex-start; - align-items: center; - flex-direction: row; - height: 50px; - border-bottom: 1px solid; - cursor: pointer; - span{ - display: flex; - font-size: 13px; - height: 50px; - line-height: 50px; - overflow: hidden; - margin-right: 5px; - &.name{ - flex: 1; - min-width: 100px; - overflow: hidden; - margin-left: 10px; - } - &.type{ - width: 10%; - } - &.time{ - width: 10%; - } - &.last{ - width: 10%; - } - &.site{ - width: 10%; - } - &.note{ - width: 10%; - } - &.info{ - width: 10%; - } - &.operate{ - .btn{ - width: 40px; - } - } - } - } - } - } -} // scroll .zy-scroll{ &::-webkit-scrollbar{ diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss index 52360ab..4d23d87 100644 --- a/src/assets/scss/theme/dark.scss +++ b/src/assets/scss/theme/dark.scss @@ -45,36 +45,6 @@ color: var(--d-fc-1); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } - .zy-table{ - color: var(--d-fc-2); - .tHeader{ - border-bottom-color: var(--d-c-3); - .btn{ - &:hover{ - color: var(--d-fc-3) - } - } - } - .tBody{ - border-bottom-color: var(--d-c-3); - ul{ - li{ - border-bottom-color: var(--d-c-2); - transition: all 0.3s cubic-bezier(.25,.8,.25,1); - &:hover{ - box-shadow: var(--d-bsc); - background-color: var(--d-bgc-2); - color: #fff; - } - span{ - &.btn:hover{ - color: var(--d-fc-3) - } - } - } - } - } - } .zy-scroll{ &:hover{ &::-webkit-scrollbar-thumb { diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss index b46af69..a8c3eac 100644 --- a/src/assets/scss/theme/green.scss +++ b/src/assets/scss/theme/green.scss @@ -43,34 +43,6 @@ .zy-checkbox{ color: var(--g-fc-1); } - .zy-table{ - color: var(--g-fc-2); - .tHeader{ - border-bottom-color: var(--g-c-3); - .btn{ - &:hover{ - color: var(--g-fc-3) - } - } - } - .tBody{ - border-bottom-color: var(--g-c-3); - ul{ - li{ - border-bottom-color: var(--g-c-2); - transition: all 0.3s cubic-bezier(.25,.8,.25,1); - &:hover{ - box-shadow: var(--g-bsc-hover); - } - span{ - &.btn:hover{ - color: var(--g-fc-3) - } - } - } - } - } - } .zy-scroll{ &:hover{ &::-webkit-scrollbar-thumb { diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss index afc74b1..5172c5c 100644 --- a/src/assets/scss/theme/light.scss +++ b/src/assets/scss/theme/light.scss @@ -43,34 +43,6 @@ .zy-checkbox{ color: var(--l-fc-1); } - .zy-table{ - color: var(--l-fc-2); - .tHeader{ - border-bottom-color: var(--l-c-3); - .btn{ - &:hover{ - color: var(--l-fc-3) - } - } - } - .tBody{ - border-bottom-color: var(--l-c-3); - ul{ - li{ - border-bottom-color: var(--l-c-2); - transition: all 0.3s cubic-bezier(.25,.8,.25,1); - &:hover{ - box-shadow: var(--l-bsc-hover); - } - span{ - &.btn:hover{ - color: var(--l-fc-3) - } - } - } - } - } - } .zy-scroll{ &:hover{ &::-webkit-scrollbar-thumb { diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss index 76ff08b..ee36f31 100644 --- a/src/assets/scss/theme/pink.scss +++ b/src/assets/scss/theme/pink.scss @@ -42,34 +42,6 @@ .zy-checkbox{ color: var(--p-fc-1); } - .zy-table{ - color: var(--p-fc-2); - .tHeader{ - border-bottom-color: var(--p-c-3); - .btn{ - &:hover{ - color: var(--p-fc-3) - } - } - } - .tBody{ - border-bottom-color: var(--p-c-3); - ul{ - li{ - border-bottom-color: var(--p-c-2); - transition: all 0.3s cubic-bezier(.25,.8,.25,1); - &:hover{ - box-shadow: var(--p-bsc-hover); - } - span{ - &.btn:hover{ - color: var(--p-fc-3) - } - } - } - } - } - } .zy-scroll{ &:hover{ &::-webkit-scrollbar-thumb {