diff --git a/Caddyfile b/Caddyfile new file mode 100644 index 0000000..ba12f28 --- /dev/null +++ b/Caddyfile @@ -0,0 +1,10 @@ +:8007 { + handle_path /api/* { + reverse_proxy http://192.168.0.201:1618 + } + handle { + root * "/Volumes/iMac Doc/WebstormProjects/cas_cloud_web_i18n/dist" + file_server + try_files {path} / + } +} diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css index 61ab1ab..3ed4de9 100644 --- a/src/assets/styles/index.css +++ b/src/assets/styles/index.css @@ -13,132 +13,132 @@ $base-sub-menu-background:#000c17; $base-sub-menu-hover:#001528; */ :export { - menuColor: #bfcbd9; - menuLightColor: rgba(0, 0, 0, 0.7); - menuColorActive: #f4f4f5; - menuBackground: #304156; - menuLightBackground: #ffffff; - subMenuBackground: #1f2d3d; - subMenuHover: #001528; - sideBarWidth: 200px; - logoTitleColor: #ffffff; - logoLightTitleColor: #001529; - primaryColor: #409EFF; - successColor: #67C23A; - dangerColor: #F56C6C; - infoColor: #909399; - warningColor: #E6A23C; + menuColor: #bfcbd9; + menuLightColor: rgba(0, 0, 0, 0.7); + menuColorActive: #f4f4f5; + menuBackground: #304156; + menuLightBackground: #ffffff; + subMenuBackground: #1f2d3d; + subMenuHover: #001528; + sideBarWidth: 200px; + logoTitleColor: #ffffff; + logoLightTitleColor: #001529; + primaryColor: #409EFF; + successColor: #67C23A; + dangerColor: #F56C6C; + infoColor: #909399; + warningColor: #E6A23C; } /* fade */ .fade-enter-active, .fade-leave-active { - transition: opacity 0.28s; + transition: opacity 0.28s; } .fade-enter, .fade-leave-active { - opacity: 0; + opacity: 0; } /* fade-transform */ .fade-transform-leave-active, .fade-transform-enter-active { - transition: all .5s; + transition: all .5s; } .fade-transform-enter { - opacity: 0; - transform: translateX(-30px); + opacity: 0; + transform: translateX(-30px); } .fade-transform-leave-to { - opacity: 0; - transform: translateX(30px); + opacity: 0; + transform: translateX(30px); } /* breadcrumb transition */ .breadcrumb-enter-active, .breadcrumb-leave-active { - transition: all .5s; + transition: all .5s; } .breadcrumb-enter, .breadcrumb-leave-active { - opacity: 0; - transform: translateX(20px); + opacity: 0; + transform: translateX(20px); } .breadcrumb-move { - transition: all .5s; + transition: all .5s; } .breadcrumb-leave-active { - position: absolute; + position: absolute; } .el-breadcrumb__inner, .el-breadcrumb__inner a { - font-weight: 400 !important; + font-weight: 400 !important; } .el-upload input[type="file"] { - display: none !important; + display: none !important; } .el-upload__input { - display: none; + display: none; } .cell .el-tag { - margin-right: 0px; + margin-right: 0px; } .small-padding .cell { - padding-left: 5px; - padding-right: 5px; + padding-left: 5px; + padding-right: 5px; } .fixed-width .el-button--mini { - padding: 7px 10px; - width: 60px; + padding: 7px 10px; + width: 60px; } .status-col .cell { - padding: 0 10px; - text-align: center; + padding: 0 10px; + text-align: center; } .status-col .cell .el-tag { - margin-right: 0px; + margin-right: 0px; } .el-dialog { - transform: none; - left: 0; - position: relative; - margin: 0 auto; + transform: none; + left: 0; + position: relative; + margin: 0 auto; } .upload-container .el-upload { - width: 100%; + width: 100%; } .upload-container .el-upload .el-upload-dragger { - width: 100%; - height: 200px; + width: 100%; + height: 200px; } .el-dropdown-menu a { - display: block; + display: block; } .el-range-editor.el-input__inner { - display: inline-flex !important; + display: inline-flex !important; } .el-range-separator { - box-sizing: content-box; + box-sizing: content-box; } .el-menu--collapse @@ -146,218 +146,230 @@ $base-sub-menu-hover:#001528; > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { - display: none; + display: none; } .el-dropdown .el-dropdown-link { - color: var(--el-color-primary) !important; + color: var(--el-color-primary) !important; } #app .main-container { - min-height: 100%; - transition: margin-left .28s; - margin-left: 200px; - position: relative; + min-height: 100%; + transition: margin-left .28s; + margin-left: 200px; + position: relative; } #app .sidebarHide { - margin-left: 0 !important; + margin-left: 0 !important; } #app .sidebar-container { - -webkit-transition: width .28s; - transition: width 0.28s; - width: 200px !important; - background-color: #304156; - height: 100%; - position: fixed; - font-size: 0px; - top: 0; - bottom: 0; - left: 0; - z-index: 1001; - overflow: hidden; - -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); - box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); + -webkit-transition: width .28s; + transition: width 0.28s; + width: 200px !important; + background-color: #304156; + height: 100%; + position: fixed; + font-size: 0px; + top: 0; + bottom: 0; + left: 0; + z-index: 1001; + overflow: hidden; + -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); + box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); } #app .sidebar-container .horizontal-collapse-transition { - transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; + transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; } #app .sidebar-container .scrollbar-wrapper { - overflow-x: hidden !important; + overflow-x: hidden !important; } #app .sidebar-container .el-scrollbar__bar.is-vertical { - right: 0px; + right: 0px; } #app .sidebar-container .el-scrollbar { - height: 100%; + height: 100%; } #app .sidebar-container.has-logo .el-scrollbar { - height: calc(100% - 50px); + height: calc(100% - 50px); } #app .sidebar-container .is-horizontal { - display: none; + display: none; } #app .sidebar-container a { - display: inline-block; - width: 100%; - overflow: hidden; + display: inline-block; + width: 100%; + overflow: hidden; } #app .sidebar-container .svg-icon { - margin-right: 16px; + margin-right: 16px; } #app .sidebar-container .el-menu { - border: none; - height: 100%; - width: 100% !important; + border: none; + height: 100%; + width: 100% !important; } #app .sidebar-container .el-menu-item, #app .sidebar-container .menu-title { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } #app .sidebar-container .el-menu-item .el-menu-tooltip__trigger { - display: inline-block !important; + display: inline-block !important; } #app .sidebar-container .sub-menu-title-noDropdown:hover, #app .sidebar-container .el-sub-menu__title:hover { - background-color: rgba(0, 0, 0, 0.06) !important; + background-color: rgba(0, 0, 0, 0.06) !important; } #app .sidebar-container .theme-dark .is-active > .el-sub-menu__title { - color: #f4f4f5 !important; + color: #f4f4f5 !important; } #app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .el-sub-menu .el-menu-item { - min-width: 200px !important; + min-width: 200px !important; } #app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .el-sub-menu .el-menu-item:hover { - background-color: rgba(0, 0, 0, 0.06) !important; + background-color: rgba(0, 0, 0, 0.06) !important; } #app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item { - background-color: #1f2d3d !important; + background-color: #1f2d3d !important; } #app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover { - background-color: #001528 !important; + background-color: #001528 !important; } #app .hideSidebar .sidebar-container { - width: 54px !important; + width: 54px !important; } #app .hideSidebar .main-container { - margin-left: 54px; + margin-left: 54px; } #app .hideSidebar .sub-menu-title-noDropdown { - padding: 0 !important; - position: relative; + padding: 0 !important; + position: relative; } #app .hideSidebar .sub-menu-title-noDropdown .el-tooltip { - padding: 0 !important; + padding: 0 !important; } #app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon { - margin-left: 20px; + margin-left: 20px; } #app .hideSidebar .el-sub-menu { - overflow: hidden; + overflow: hidden; } #app .hideSidebar .el-sub-menu > .el-sub-menu__title { - padding: 0 !important; + padding: 0 !important; } #app .hideSidebar .el-sub-menu > .el-sub-menu__title .svg-icon { - margin-left: 20px; + margin-left: 20px; +} + +#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title .svg-icon { + flex: 1; +} + +#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title .svg-icon { + flex: unset !important; } #app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > span { - height: 0; - width: 0; - overflow: hidden; - visibility: hidden; - display: inline-block; + height: 0; + width: 0; + overflow: hidden; + visibility: hidden; + display: inline-block; +} + +#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > span { + flex: unset; } #app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > i { - height: 0; - width: 0; - overflow: hidden; - visibility: hidden; - display: inline-block; + height: 0; + width: 0; + overflow: hidden; + visibility: hidden; + display: inline-block; } #app .el-menu--collapse .el-menu .el-sub-menu { - min-width: 200px !important; + min-width: 200px !important; } #app .mobile .main-container { - margin-left: 0px; + margin-left: 0px; } #app .mobile .sidebar-container { - transition: transform .28s; - width: 200px !important; + transition: transform .28s; + width: 200px !important; } #app .mobile.hideSidebar .sidebar-container { - pointer-events: none; - transition-duration: 0.3s; - transform: translate3d(-200px, 0, 0); + pointer-events: none; + transition-duration: 0.3s; + transform: translate3d(-200px, 0, 0); } #app .withoutAnimation .main-container, #app .withoutAnimation .sidebar-container { - transition: none; + transition: none; } .el-menu--vertical > .el-menu .svg-icon { - margin-right: 16px; + margin-right: 16px; } .el-menu--vertical .nest-menu .el-sub-menu > .el-sub-menu__title:hover, .el-menu--vertical .el-menu-item:hover { - background-color: rgba(0, 0, 0, 0.06) !important; + background-color: rgba(0, 0, 0, 0.06) !important; } .el-menu--vertical > .el-menu--popup { - max-height: 100vh; - overflow-y: auto; + max-height: 100vh; + overflow-y: auto; } .el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece { - background: #d3dce6; + background: #d3dce6; } .el-menu--vertical > .el-menu--popup::-webkit-scrollbar { - width: 6px; + width: 6px; } .el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb { - background: #99a9bf; - border-radius: 20px; + background: #99a9bf; + border-radius: 20px; } /** @@ -374,160 +386,160 @@ $base-sub-menu-background:#000c17; $base-sub-menu-hover:#001528; */ :export { - menuColor: #bfcbd9; - menuLightColor: rgba(0, 0, 0, 0.7); - menuColorActive: #f4f4f5; - menuBackground: #304156; - menuLightBackground: #ffffff; - subMenuBackground: #1f2d3d; - subMenuHover: #001528; - sideBarWidth: 200px; - logoTitleColor: #ffffff; - logoLightTitleColor: #001529; - primaryColor: #409EFF; - successColor: #67C23A; - dangerColor: #F56C6C; - infoColor: #909399; - warningColor: #E6A23C; + menuColor: #bfcbd9; + menuLightColor: rgba(0, 0, 0, 0.7); + menuColorActive: #f4f4f5; + menuBackground: #304156; + menuLightBackground: #ffffff; + subMenuBackground: #1f2d3d; + subMenuHover: #001528; + sideBarWidth: 200px; + logoTitleColor: #ffffff; + logoLightTitleColor: #001529; + primaryColor: #409EFF; + successColor: #67C23A; + dangerColor: #F56C6C; + infoColor: #909399; + warningColor: #E6A23C; } .blue-btn { - background: #324157; + background: #324157; } .blue-btn:hover { - color: #324157; + color: #324157; } .blue-btn:hover:before, .blue-btn:hover:after { - background: #324157; + background: #324157; } .light-blue-btn { - background: #3A71A8; + background: #3A71A8; } .light-blue-btn:hover { - color: #3A71A8; + color: #3A71A8; } .light-blue-btn:hover:before, .light-blue-btn:hover:after { - background: #3A71A8; + background: #3A71A8; } .red-btn { - background: #C03639; + background: #C03639; } .red-btn:hover { - color: #C03639; + color: #C03639; } .red-btn:hover:before, .red-btn:hover:after { - background: #C03639; + background: #C03639; } .pink-btn { - background: #E65D6E; + background: #E65D6E; } .pink-btn:hover { - color: #E65D6E; + color: #E65D6E; } .pink-btn:hover:before, .pink-btn:hover:after { - background: #E65D6E; + background: #E65D6E; } .green-btn { - background: #30B08F; + background: #30B08F; } .green-btn:hover { - color: #30B08F; + color: #30B08F; } .green-btn:hover:before, .green-btn:hover:after { - background: #30B08F; + background: #30B08F; } .tiffany-btn { - background: #4AB7BD; + background: #4AB7BD; } .tiffany-btn:hover { - color: #4AB7BD; + color: #4AB7BD; } .tiffany-btn:hover:before, .tiffany-btn:hover:after { - background: #4AB7BD; + background: #4AB7BD; } .yellow-btn { - background: #FEC171; + background: #FEC171; } .yellow-btn:hover { - color: #FEC171; + color: #FEC171; } .yellow-btn:hover:before, .yellow-btn:hover:after { - background: #FEC171; + background: #FEC171; } .pan-btn { - font-size: 14px; - color: #fff; - padding: 14px 36px; - border-radius: 8px; - border: none; - outline: none; - transition: 600ms ease all; - position: relative; - display: inline-block; + font-size: 14px; + color: #fff; + padding: 14px 36px; + border-radius: 8px; + border: none; + outline: none; + transition: 600ms ease all; + position: relative; + display: inline-block; } .pan-btn:hover { - background: #fff; + background: #fff; } .pan-btn:hover:before, .pan-btn:hover:after { - width: 100%; - transition: 600ms ease all; + width: 100%; + transition: 600ms ease all; } .pan-btn:before, .pan-btn:after { - content: ''; - position: absolute; - top: 0; - right: 0; - height: 2px; - width: 0; - transition: 400ms ease all; + content: ''; + position: absolute; + top: 0; + right: 0; + height: 2px; + width: 0; + transition: 400ms ease all; } .pan-btn::after { - right: inherit; - top: inherit; - left: 0; - bottom: 0; + right: inherit; + top: inherit; + left: 0; + bottom: 0; } .custom-button { - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - color: #fff; - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: 0; - margin: 0; - padding: 10px 15px; - font-size: 14px; - border-radius: 4px; + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + color: #fff; + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: 0; + margin: 0; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; } /** @@ -536,517 +548,518 @@ $base-sub-menu-hover:#001528; */ /** 基础通用 **/ .pt5 { - padding-top: 5px; + padding-top: 5px; } .pr5 { - padding-right: 5px; + padding-right: 5px; } .pb5 { - padding-bottom: 5px; + padding-bottom: 5px; } .mt5 { - margin-top: 5px; + margin-top: 5px; } .mr5 { - margin-right: 5px; + margin-right: 5px; } .mb5 { - margin-bottom: 5px; + margin-bottom: 5px; } .mb8 { - margin-bottom: 8px; + margin-bottom: 8px; } .ml5 { - margin-left: 5px; + margin-left: 5px; } .mt10 { - margin-top: 10px; + margin-top: 10px; } .mr10 { - margin-right: 10px; + margin-right: 10px; } .mb10 { - margin-bottom: 10px; + margin-bottom: 10px; } .ml10 { - margin-left: 10px; + margin-left: 10px; } .mt20 { - margin-top: 20px; + margin-top: 20px; } .mr20 { - margin-right: 20px; + margin-right: 20px; } .mb20 { - margin-bottom: 20px; + margin-bottom: 20px; } .ml20 { - margin-left: 20px; + margin-left: 20px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { - font-family: inherit; - font-weight: 500; - line-height: 1.1; - color: inherit; + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; } .el-dialog:not(.is-fullscreen) { - margin-top: 6vh !important; + margin-top: 6vh !important; } .el-dialog.scrollbar .el-dialog__body { - overflow: auto; - overflow-x: hidden; - max-height: 70vh; - padding: 10px 20px 0; + overflow: auto; + overflow-x: hidden; + max-height: 70vh; + padding: 10px 20px 0; } .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th { - word-break: break-word; - background-color: #f8f8f9 !important; - color: #515a6e; - height: 40px !important; - font-size: 13px; + word-break: break-word; + background-color: #f8f8f9 !important; + color: #515a6e; + height: 40px !important; + font-size: 13px; } .el-table .el-table__body-wrapper .el-button [class*="el-icon-"] + span { - margin-left: 1px; + margin-left: 1px; } /** 表单布局 **/ .form-header { - font-size: 15px; - color: #6379bb; - border-bottom: 1px solid #ddd; - margin: 8px 10px 25px 10px; - padding-bottom: 5px; + font-size: 15px; + color: #6379bb; + border-bottom: 1px solid #ddd; + margin: 8px 10px 25px 10px; + padding-bottom: 5px; } /** 表格布局 **/ .pagination-container { - height: 25px; - margin-bottom: 10px; - margin-top: 15px; - padding: 10px 20px !important; + height: 25px; + margin-bottom: 10px; + margin-top: 15px; + padding: 10px 20px !important; } /* tree border */ .tree-border { - margin-top: 5px; - border: 1px solid #e5e6e7; - background: #FFFFFF none; - border-radius: 4px; - width: 100%; + margin-top: 5px; + border: 1px solid #e5e6e7; + background: #FFFFFF none; + border-radius: 4px; + width: 100%; } .pagination-container .el-pagination { - right: 0; - position: absolute; + right: 0; + position: absolute; } @media (max-width: 768px) { - .pagination-container .el-pagination > .el-pagination__jump { - display: none !important; - } - .pagination-container .el-pagination > .el-pagination__sizes { - display: none !important; - } + .pagination-container .el-pagination > .el-pagination__jump { + display: none !important; + } + + .pagination-container .el-pagination > .el-pagination__sizes { + display: none !important; + } } .el-table .fixed-width .el-button--small { - padding-left: 0; - padding-right: 0; - width: inherit; + padding-left: 0; + padding-right: 0; + width: inherit; } /** 表格更多操作下拉样式 */ .el-table .el-dropdown-link { - cursor: pointer; - color: #409EFF; - margin-left: 10px; + cursor: pointer; + color: #409EFF; + margin-left: 10px; } .el-table .el-dropdown, .el-icon-arrow-down { - font-size: 12px; + font-size: 12px; } .el-tree-node__content > .el-checkbox { - margin-right: 8px; + margin-right: 8px; } .list-group-striped > .list-group-item { - border-left: 0; - border-right: 0; - border-radius: 0; - padding-left: 0; - padding-right: 0; + border-left: 0; + border-right: 0; + border-radius: 0; + padding-left: 0; + padding-right: 0; } .list-group { - padding-left: 0px; - list-style: none; + padding-left: 0px; + list-style: none; } .list-group-item { - border-bottom: 1px solid #e7eaec; - border-top: 1px solid #e7eaec; - margin-bottom: -1px; - padding: 11px 0px; - font-size: 13px; + border-bottom: 1px solid #e7eaec; + border-top: 1px solid #e7eaec; + margin-bottom: -1px; + padding: 11px 0px; + font-size: 13px; } .pull-right { - float: right !important; + float: right !important; } .el-card__header { - padding: 14px 15px 7px !important; - min-height: 40px; + padding: 14px 15px 7px !important; + min-height: 40px; } .el-card__body { - padding: 15px 20px 20px 20px !important; + padding: 15px 20px 20px 20px !important; } .card-box { - padding-right: 15px; - padding-left: 15px; - margin-bottom: 10px; + padding-right: 15px; + padding-left: 15px; + margin-bottom: 10px; } /* button color */ .el-button--cyan.is-active, .el-button--cyan:active { - background: #20B2AA; - border-color: #20B2AA; - color: #FFFFFF; + background: #20B2AA; + border-color: #20B2AA; + color: #FFFFFF; } .el-button--cyan:focus, .el-button--cyan:hover { - background: #48D1CC; - border-color: #48D1CC; - color: #FFFFFF; + background: #48D1CC; + border-color: #48D1CC; + color: #FFFFFF; } .el-button--cyan { - background-color: #20B2AA; - border-color: #20B2AA; - color: #FFFFFF; + background-color: #20B2AA; + border-color: #20B2AA; + color: #FFFFFF; } /* text color */ .text-navy { - color: #1ab394; + color: #1ab394; } .text-primary { - color: inherit; + color: inherit; } .text-success { - color: #1c84c6; + color: #1c84c6; } .text-info { - color: #23c6c8; + color: #23c6c8; } .text-warning { - color: #f8ac59; + color: #f8ac59; } .text-danger { - color: #ed5565; + color: #ed5565; } .text-muted { - color: #888888; + color: #888888; } /* image */ .img-circle { - border-radius: 50%; + border-radius: 50%; } .img-lg { - width: 120px; - height: 120px; + width: 120px; + height: 120px; } .avatar-upload-preview { - position: absolute; - top: 50%; - transform: translate(50%, -50%); - width: 200px; - height: 200px; - border-radius: 50%; - box-shadow: 0 0 4px #ccc; - overflow: hidden; + position: absolute; + top: 50%; + transform: translate(50%, -50%); + width: 200px; + height: 200px; + border-radius: 50%; + box-shadow: 0 0 4px #ccc; + overflow: hidden; } /* 拖拽列样式 */ .sortable-ghost { - opacity: .8; - color: #fff !important; - background: #42b983 !important; + opacity: .8; + color: #fff !important; + background: #42b983 !important; } /* 表格右侧工具栏样式 */ .top-right-btn { - margin-left: auto; + margin-left: auto; } 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; + 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; } aside a { - color: #337ab7; - cursor: pointer; + color: #337ab7; + cursor: pointer; } aside a:hover { - color: #20a0ff; + color: #20a0ff; } .app-container { - padding: 20px; + padding: 20px; } .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, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%); + height: 50px; + line-height: 50px; + position: relative; + width: 100%; + text-align: right; + padding-right: 20px; + transition: 600ms ease position; + background: linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%); } .sub-navbar .subtitle { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .sub-navbar.draft { - background: #d0d0d0; + background: #d0d0d0; } .sub-navbar.deleted { - background: #d0d0d0; + background: #d0d0d0; } .link-type, .link-type:focus { - color: #337ab7; - cursor: pointer; + color: #337ab7; + cursor: pointer; } .link-type:hover, .link-type:focus:hover { - color: #20a0ff; + color: #20a0ff; } .filter-container { - padding-bottom: 10px; + padding-bottom: 10px; } .filter-container .filter-item { - display: inline-block; - vertical-align: middle; - margin-bottom: 10px; + display: inline-block; + vertical-align: middle; + margin-bottom: 10px; } .multiselect { - line-height: 16px; + line-height: 16px; } .multiselect--active { - z-index: 1000 !important; + z-index: 1000 !important; } .conter1000 { - width: 1000px; - margin: 0 auto; + width: 1000px; + margin: 0 auto; } .conter1400 { - width: 1400px; - margin: 0 auto; + width: 1400px; + margin: 0 auto; } .ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .text_hidden { - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - word-break: break-all; + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + word-break: break-all; } .x_btns { - font-size: 16px !important; - color: #fff !important; - border-radius: 0 !important; - background-color: #0054ff !important; + font-size: 16px !important; + color: #fff !important; + border-radius: 0 !important; + background-color: #0054ff !important; } .x16 { - font-size: 16px !important; + font-size: 16px !important; } .x_fff { - color: #fff !important; + color: #fff !important; } .x_blue { - color: #0054ff !important; + color: #0054ff !important; } .x_border_blue { - border: 1px solid #0054ff !important; + border: 1px solid #0054ff !important; } .x_bg_blue { - background-color: #0054ff !important; + background-color: #0054ff !important; } .html img { - max-width: 100%; + max-width: 100%; } diff --git a/src/components/WebsiteHeader/index.vue b/src/components/WebsiteHeader/index.vue index 280404c..71ee830 100644 --- a/src/components/WebsiteHeader/index.vue +++ b/src/components/WebsiteHeader/index.vue @@ -100,7 +100,7 @@