diff --git a/src/views/home/index.scss b/src/views/home/index.scss deleted file mode 100644 index 0fd5ab6..0000000 --- a/src/views/home/index.scss +++ /dev/null @@ -1,190 +0,0 @@ -.el-container { - width: 100%; - height: 100%; - overflow-y: scroll; - /* 隐藏滚动条 */ - &::-webkit-scrollbar { - display: none; - } - .el-header { - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: space-between; - height: 72px; - padding: 0 15px 0 0; - background: linear-gradient(to right, #0e63d9 0%, #00378f 100%); - border-bottom: 1px solid #f1f1f1; - .header-lf { - display: flex; - align-items: center; - overflow: hidden; - white-space: nowrap; - .logo { - flex-shrink: 0; - - // width: 210px; - margin-left: 16px; - cursor: pointer; - span { - height: 36px; - font-size: 24px; - line-height: 36px; - - // font-weight: bold; - color: #dadada; - white-space: nowrap; - } - img { - width: 28px; - height: 28px; - margin-right: 6px; - } - } - } - :deep(.tool-bar-lf) { - color: #ffffff; - .el-breadcrumb__inner.is-link { - color: #e5eaf3; - &:hover { - color: var(--el-color-primary); - } - } - .el-breadcrumb__item:last-child .el-breadcrumb__inner, - .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { - color: #cfd3dc; - } - } - :deep(.tool-bar-ri) { - .toolBar-icon, - .username { - color: #e5eaf3; - } - } - } - .el-aside { - width: 200px; - overflow: inherit; - background-color: #ffffff; - border-right: 1px solid var(--el-border-color); - transition: all 0.3s ease; - .menu { - display: flex; - flex-direction: column; - height: 100%; - transition: all 0.3s ease; - .el-menu { - overflow-x: hidden; - border-right: none; - } - } - } - .contain-section { - padding: 30px 135px; - .contain-header { - // color: #fff; - display: flex; - background-color: #008bff; - border-radius: 8px; - margin-bottom: 58px; - .header-important { - position: relative; - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 170px; - overflow-x: auto; - cursor: pointer; - // border-right: 1px solid pink; - - .header-item { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - } - - span { - margin: 5px 0; - font-size: 20px; - color: #fff; - } - - &::after { - content: ""; - position: absolute; - width: 2px; - height: 66px; - top: 50px; - bottom: 40px; - right: 0; - background-color: rgba(255, 255, 255, 0.54); - } - - &:last-child::after { - display: none; - } - } - // .header-important ::after { - // content: ""; - // width: 2px; - // height: 50px; - // background-color: pink; - // } - } - .safe { - // display: flex; - flex-flow: row wrap; - width: 100%; - margin: 20px 0; - .labelName { - color: #999; - font-size: 20px; - font-weight: 400; - .el-icon { - margin-right: 10px; - } - } - .safe-contain { - display: flex; - flex-wrap: wrap; - color: #666666; - min-height: 169px; - .safe-item { - width: 204px; - height: 169px; - margin: 17px 30px; - - // display: flex; - cursor: pointer; - - // overflow-x: auto; - background: #ffffff; - border: 1px solid #ebebeb; - border-radius: 4px; - opacity: 1; - div { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 100%; - img { - // width: 60px; - height: 44px; - } - p { - color: #333; - font-size: 18px; - font-family: "siyuan_Bold"; - } - } - } - } - } - } -} -.imgItem { - height: 56px; -} diff --git a/src/views/home/index.vue b/src/views/home/index.vue deleted file mode 100644 index 4c481df..0000000 --- a/src/views/home/index.vue +++ /dev/null @@ -1,98 +0,0 @@ - - - - - -