Skip to content

phsl / client

Go to a project
Commit 67b151ff by 孙美琪
Options

轮播图修改

parent 2373e2f2
Showing with 160 additions and 130 deletions
src/assets/styles/index-CMeKdScn.scss
...@@ -17492,15 +17492,15 @@ aside a:hover { ...@@ -17492,15 +17492,15 @@ aside a:hover {
background-color: transparent background-color: transparent
} }
.sidebarLogoFade-enter-active[data-v-81ab6951] { .sidebarLogoFade-enter-active {
transition: opacity 1.5s transition: opacity 1.5s
} }
.sidebarLogoFade-enter[data-v-81ab6951], .sidebarLogoFade-leave-to[data-v-81ab6951] { .sidebarLogoFade-enter, .sidebarLogoFade-leave-to {
opacity: 0 opacity: 0
} }
.sidebar-logo-container[data-v-81ab6951] { .sidebar-logo-container {
position: relative; position: relative;
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -17510,19 +17510,19 @@ aside a:hover { ...@@ -17510,19 +17510,19 @@ aside a:hover {
overflow: hidden overflow: hidden
} }
.sidebar-logo-container .sidebar-logo-link[data-v-81ab6951] { .sidebar-logo-container .sidebar-logo-link {
height: 100%; height: 100%;
width: 100% width: 100%
} }
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-81ab6951] { .sidebar-logo-container .sidebar-logo-link .sidebar-logo {
width: 32px; width: 32px;
height: 32px; height: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 12px margin-right: 12px
} }
.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-81ab6951] { .sidebar-logo-container .sidebar-logo-link .sidebar-title {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
color: #fff; color: #fff;
...@@ -17533,22 +17533,22 @@ aside a:hover { ...@@ -17533,22 +17533,22 @@ aside a:hover {
vertical-align: middle vertical-align: middle
} }
.sidebar-logo-container.collapse .sidebar-logo[data-v-81ab6951] { .sidebar-logo-container.collapse .sidebar-logo {
margin-right: 0 margin-right: 0
} }
.footer-wrapper[data-v-1f17305e] { .footer-wrapper {
min-width: 1200px; min-width: 1200px;
max-width: 100vw !important max-width: 100vw !important
} }
.content-footer[data-v-1f17305e] { .content-footer {
width: 100%; width: 100%;
background: #fafafa; background: #fafafa;
padding: 40px 0 padding: 40px 0
} }
.content-footer .content-detail[data-v-1f17305e] { .content-footer .content-detail {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-content: center; align-content: center;
...@@ -17556,27 +17556,27 @@ aside a:hover { ...@@ -17556,27 +17556,27 @@ aside a:hover {
cursor: pointer cursor: pointer
} }
.content-footer .content-detail .name[data-v-1f17305e] { .content-footer .content-detail .name {
line-height: 32px; line-height: 32px;
font-size: 18px; font-size: 18px;
color: #333; color: #333;
text-align: center text-align: center
} }
.content-footer .content-detail .more[data-v-1f17305e] { .content-footer .content-detail .more {
line-height: 22px; line-height: 22px;
font-size: 14px; font-size: 14px;
color: #666; color: #666;
text-align: center text-align: center
} }
.content-footer .content-detail img[data-v-1f17305e] { .content-footer .content-detail img {
width: 40px; width: 40px;
height: 40px; height: 40px;
margin-bottom: 10px margin-bottom: 10px
} }
.footer[data-v-1f17305e] { .footer {
text-align: center; text-align: center;
padding: 12px 0; padding: 12px 0;
color: #fff; color: #fff;
...@@ -17585,20 +17585,20 @@ aside a:hover { ...@@ -17585,20 +17585,20 @@ aside a:hover {
background-color: #303233 background-color: #303233
} }
.app-main[data-v-184471d5] { .app-main {
width: 100%; width: 100%;
position: relative position: relative
} }
.fixed-header + .app-main[data-v-184471d5] { .fixed-header + .app-main {
padding-top: 50px padding-top: 50px
} }
.hasTagsView .app-main[data-v-184471d5] { .hasTagsView .app-main {
min-height: calc(100vh - 84px) min-height: calc(100vh - 84px)
} }
.hasTagsView .fixed-header + .app-main[data-v-184471d5] { .hasTagsView .fixed-header + .app-main {
padding-top: 84px padding-top: 84px
} }
...@@ -17620,14 +17620,14 @@ aside a:hover { ...@@ -17620,14 +17620,14 @@ aside a:hover {
border-radius: 3px border-radius: 3px
} }
.app-breadcrumb.el-breadcrumb[data-v-af776b45] { .app-breadcrumb.el-breadcrumb {
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
line-height: 50px; line-height: 50px;
margin-left: 8px margin-left: 8px
} }
.app-breadcrumb.el-breadcrumb .no-redirect[data-v-af776b45] { .app-breadcrumb.el-breadcrumb .no-redirect {
color: #97a8be; color: #97a8be;
cursor: text cursor: text
} }
...@@ -17670,18 +17670,18 @@ aside a:hover { ...@@ -17670,18 +17670,18 @@ aside a:hover {
margin-top: 0 margin-top: 0
} }
.hamburger[data-v-cf79f140] { .hamburger {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
width: 20px; width: 20px;
height: 20px height: 20px
} }
.hamburger.is-active[data-v-cf79f140] { .hamburger.is-active {
transform: rotate(180deg) transform: rotate(180deg)
} }
.screenfull-svg[data-v-54fa6e06] { .screenfull-svg {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
fill: #5a5e66; fill: #5a5e66;
...@@ -17690,23 +17690,23 @@ aside a:hover { ...@@ -17690,23 +17690,23 @@ aside a:hover {
vertical-align: 10px vertical-align: 10px
} }
.size-icon--style[data-v-36502f7f] { .size-icon--style {
font-size: 18px; font-size: 18px;
line-height: 50px; line-height: 50px;
padding-right: 7px padding-right: 7px
} }
.header-search[data-v-3bf3c10d] { .header-search {
font-size: 0 !important font-size: 0 !important
} }
.header-search .search-icon[data-v-3bf3c10d] { .header-search .search-icon {
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
vertical-align: middle vertical-align: middle
} }
.header-search .header-search-select[data-v-3bf3c10d] { .header-search .header-search-select {
font-size: 18px; font-size: 18px;
transition: width .2s; transition: width .2s;
width: 0; width: 0;
...@@ -17717,7 +17717,7 @@ aside a:hover { ...@@ -17717,7 +17717,7 @@ aside a:hover {
vertical-align: middle vertical-align: middle
} }
.header-search .header-search-select[data-v-3bf3c10d] .el-input__inner { .header-search .header-search-select .el-input__inner {
border-radius: 0; border-radius: 0;
border: 0; border: 0;
padding-left: 0; padding-left: 0;
...@@ -17727,12 +17727,12 @@ aside a:hover { ...@@ -17727,12 +17727,12 @@ aside a:hover {
vertical-align: middle vertical-align: middle
} }
.header-search.show .header-search-select[data-v-3bf3c10d] { .header-search.show .header-search-select {
width: 210px; width: 210px;
margin-left: 10px margin-left: 10px
} }
.navbar[data-v-ce0865ab] { .navbar {
height: 50px; height: 50px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
...@@ -17740,7 +17740,7 @@ aside a:hover { ...@@ -17740,7 +17740,7 @@ aside a:hover {
box-shadow: 0 1px 4px #00152914 box-shadow: 0 1px 4px #00152914
} }
.navbar .hamburger-container[data-v-ce0865ab] { .navbar .hamburger-container {
line-height: 46px; line-height: 46px;
height: 100%; height: 100%;
float: left; float: left;
...@@ -17749,36 +17749,36 @@ aside a:hover { ...@@ -17749,36 +17749,36 @@ aside a:hover {
-webkit-tap-highlight-color: transparent -webkit-tap-highlight-color: transparent
} }
.navbar .hamburger-container[data-v-ce0865ab]:hover { .navbar .hamburger-container :hover {
background: #00000006 background: #00000006
} }
.navbar .breadcrumb-container[data-v-ce0865ab] { .navbar .breadcrumb-container {
float: left float: left
} }
.navbar .topmenu-container[data-v-ce0865ab] { .navbar .topmenu-container {
position: absolute; position: absolute;
left: 50px left: 50px
} }
.navbar .errLog-container[data-v-ce0865ab] { .navbar .errLog-container {
display: inline-block; display: inline-block;
vertical-align: top vertical-align: top
} }
.navbar .right-menu[data-v-ce0865ab] { .navbar .right-menu {
float: right; float: right;
height: 100%; height: 100%;
line-height: 50px; line-height: 50px;
display: flex display: flex
} }
.navbar .right-menu[data-v-ce0865ab]:focus { .navbar .right-menu :focus {
outline: none outline: none
} }
.navbar .right-menu .right-menu-item[data-v-ce0865ab] { .navbar .right-menu .right-menu-item {
display: inline-block; display: inline-block;
padding: 0 8px; padding: 0 8px;
height: 100%; height: 100%;
...@@ -17787,32 +17787,32 @@ aside a:hover { ...@@ -17787,32 +17787,32 @@ aside a:hover {
vertical-align: text-bottom vertical-align: text-bottom
} }
.navbar .right-menu .right-menu-item.hover-effect[data-v-ce0865ab] { .navbar .right-menu .right-menu-item.hover-effect {
cursor: pointer; cursor: pointer;
transition: background .3s transition: background .3s
} }
.navbar .right-menu .right-menu-item.hover-effect[data-v-ce0865ab]:hover { .navbar .right-menu .right-menu-item.hover-effect :hover {
background: #00000006 background: #00000006
} }
.navbar .right-menu .avatar-container[data-v-ce0865ab] { .navbar .right-menu .avatar-container {
margin-right: 40px margin-right: 40px
} }
.navbar .right-menu .avatar-container .avatar-wrapper[data-v-ce0865ab] { .navbar .right-menu .avatar-container .avatar-wrapper {
margin-top: 5px; margin-top: 5px;
position: relative position: relative
} }
.navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-ce0865ab] { .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar {
cursor: pointer; cursor: pointer;
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 10px border-radius: 10px
} }
.navbar .right-menu .avatar-container .avatar-wrapper i[data-v-ce0865ab] { .navbar .right-menu .avatar-container .avatar-wrapper i {
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
right: -20px; right: -20px;
...@@ -17820,18 +17820,18 @@ aside a:hover { ...@@ -17820,18 +17820,18 @@ aside a:hover {
font-size: 12px font-size: 12px
} }
.setting-drawer-title[data-v-876e4954] { .setting-drawer-title {
margin-bottom: 12px; margin-bottom: 12px;
color: #000000d9; color: #000000d9;
line-height: 22px; line-height: 22px;
font-weight: 700 font-weight: 700
} }
.setting-drawer-title .drawer-title[data-v-876e4954] { .setting-drawer-title .drawer-title {
font-size: 14px font-size: 14px
} }
.setting-drawer-block-checbox[data-v-876e4954] { .setting-drawer-block-checbox {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
...@@ -17839,26 +17839,26 @@ aside a:hover { ...@@ -17839,26 +17839,26 @@ aside a:hover {
margin-bottom: 20px margin-bottom: 20px
} }
.setting-drawer-block-checbox .setting-drawer-block-checbox-item[data-v-876e4954] { .setting-drawer-block-checbox .setting-drawer-block-checbox-item {
position: relative; position: relative;
margin-right: 16px; margin-right: 16px;
border-radius: 2px; border-radius: 2px;
cursor: pointer cursor: pointer
} }
.setting-drawer-block-checbox .setting-drawer-block-checbox-item img[data-v-876e4954] { .setting-drawer-block-checbox .setting-drawer-block-checbox-item img {
width: 48px; width: 48px;
height: 48px height: 48px
} }
.setting-drawer-block-checbox .setting-drawer-block-checbox-item .custom-img[data-v-876e4954] { .setting-drawer-block-checbox .setting-drawer-block-checbox-item .custom-img {
width: 48px; width: 48px;
height: 38px; height: 38px;
border-radius: 5px; border-radius: 5px;
box-shadow: 1px 1px 2px #898484 box-shadow: 1px 1px 2px #898484
} }
.setting-drawer-block-checbox .setting-drawer-block-checbox-item .setting-drawer-block-checbox-selectIcon[data-v-876e4954] { .setting-drawer-block-checbox .setting-drawer-block-checbox-item .setting-drawer-block-checbox-selectIcon {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
...@@ -17871,33 +17871,33 @@ aside a:hover { ...@@ -17871,33 +17871,33 @@ aside a:hover {
font-size: 14px font-size: 14px
} }
.drawer-item[data-v-876e4954] { .drawer-item {
color: #000000a6; color: #000000a6;
padding: 12px 0; padding: 12px 0;
font-size: 14px font-size: 14px
} }
.drawer-item .comp-style[data-v-876e4954] { .drawer-item .comp-style {
float: right; float: right;
margin: -3px 8px 0 0 margin: -3px 8px 0 0
} }
.scroll-container[data-v-81b02906] { .scroll-container {
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 100% width: 100%
} }
.scroll-container[data-v-81b02906] .el-scrollbar__bar { .scroll-container .el-scrollbar__bar {
bottom: 0 bottom: 0
} }
.scroll-container[data-v-81b02906] .el-scrollbar__wrap { .scroll-container .el-scrollbar__wrap {
height: 39px height: 39px
} }
.tags-view-container[data-v-5db590f2] { .tags-view-container {
height: 34px; height: 34px;
width: 100%; width: 100%;
background: #fff; background: #fff;
...@@ -17905,7 +17905,7 @@ aside a:hover { ...@@ -17905,7 +17905,7 @@ aside a:hover {
box-shadow: 0 1px 3px #0000001f, 0 0 3px #0000000a box-shadow: 0 1px 3px #0000001f, 0 0 3px #0000000a
} }
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-5db590f2] { .tags-view-container .tags-view-wrapper .tags-view-item {
display: inline-block; display: inline-block;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
...@@ -17920,21 +17920,21 @@ aside a:hover { ...@@ -17920,21 +17920,21 @@ aside a:hover {
margin-top: 4px margin-top: 4px
} }
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-5db590f2]:first-of-type { .tags-view-container .tags-view-wrapper .tags-view-item :first-of-type {
margin-left: 15px margin-left: 15px
} }
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-5db590f2]:last-of-type { .tags-view-container .tags-view-wrapper .tags-view-item :last-of-type {
margin-right: 15px margin-right: 15px
} }
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-5db590f2] { .tags-view-container .tags-view-wrapper .tags-view-item.active {
background-color: #42b983; background-color: #42b983;
color: #fff; color: #fff;
border-color: #42b983 border-color: #42b983
} }
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-5db590f2]:before { .tags-view-container .tags-view-wrapper .tags-view-item.active :before {
content: ""; content: "";
background: #fff; background: #fff;
display: inline-block; display: inline-block;
...@@ -17945,7 +17945,7 @@ aside a:hover { ...@@ -17945,7 +17945,7 @@ aside a:hover {
margin-right: 5px margin-right: 5px
} }
.tags-view-container .contextmenu[data-v-5db590f2] { .tags-view-container .contextmenu {
margin: 0; margin: 0;
background: #fff; background: #fff;
z-index: 3000; z-index: 3000;
...@@ -17959,13 +17959,13 @@ aside a:hover { ...@@ -17959,13 +17959,13 @@ aside a:hover {
box-shadow: 2px 2px 3px #0000004d box-shadow: 2px 2px 3px #0000004d
} }
.tags-view-container .contextmenu li[data-v-5db590f2] { .tags-view-container .contextmenu li {
margin: 0; margin: 0;
padding: 7px 16px; padding: 7px 16px;
cursor: pointer cursor: pointer
} }
.tags-view-container .contextmenu li[data-v-5db590f2]:hover { .tags-view-container .contextmenu li :hover {
background: #eee background: #eee
} }
...@@ -17992,7 +17992,7 @@ aside a:hover { ...@@ -17992,7 +17992,7 @@ aside a:hover {
height: 12px !important height: 12px !important
} }
[data-v-1ec03a09]:export { :export {
menuColor: #bfcbd9; menuColor: #bfcbd9;
menuLightColor: rgba(0, 0, 0, .7); menuLightColor: rgba(0, 0, 0, .7);
menuColorActive: #f4f4f5; menuColorActive: #f4f4f5;
...@@ -18010,24 +18010,24 @@ aside a:hover { ...@@ -18010,24 +18010,24 @@ aside a:hover {
warningColor: #E6A23C warningColor: #E6A23C
} }
.app-wrapper[data-v-1ec03a09] { .app-wrapper {
position: relative; position: relative;
height: 100%; height: 100%;
width: 100% width: 100%
} }
.app-wrapper[data-v-1ec03a09]:after { .app-wrapper :after {
content: ""; content: "";
display: table; display: table;
clear: both clear: both
} }
.app-wrapper.mobile.openSidebar[data-v-1ec03a09] { .app-wrapper.mobile.openSidebar {
position: fixed; position: fixed;
top: 0 top: 0
} }
.drawer-bg[data-v-1ec03a09] { .drawer-bg {
background: #000; background: #000;
opacity: .3; opacity: .3;
width: 100%; width: 100%;
...@@ -18037,7 +18037,7 @@ aside a:hover { ...@@ -18037,7 +18037,7 @@ aside a:hover {
z-index: 999 z-index: 999
} }
.fixed-header[data-v-1ec03a09] { .fixed-header {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
...@@ -18046,15 +18046,15 @@ aside a:hover { ...@@ -18046,15 +18046,15 @@ aside a:hover {
transition: width .28s transition: width .28s
} }
.hideSidebar .fixed-header[data-v-1ec03a09] { .hideSidebar .fixed-header {
width: calc(100% - 54px) width: calc(100% - 54px)
} }
.sidebarHide .fixed-header[data-v-1ec03a09], .mobile .fixed-header[data-v-1ec03a09] { .sidebarHide .fixed-header, .mobile .fixed-header {
width: 100% width: 100%
} }
[data-v-a84c5a16]:export { :export {
menuColor: #bfcbd9; menuColor: #bfcbd9;
menuLightColor: rgba(0, 0, 0, .7); menuLightColor: rgba(0, 0, 0, .7);
menuColorActive: #f4f4f5; menuColorActive: #f4f4f5;
...@@ -18072,17 +18072,17 @@ aside a:hover { ...@@ -18072,17 +18072,17 @@ aside a:hover {
warningColor: #E6A23C warningColor: #E6A23C
} }
.app-wrapper[data-v-a84c5a16] { .app-wrapper {
position: relative position: relative
} }
.app-wrapper[data-v-a84c5a16]:after { .app-wrapper :after {
content: ""; content: "";
display: table; display: table;
clear: both clear: both
} }
.nav-bar[data-v-a84c5a16] { .nav-bar {
background-color: #fff; background-color: #fff;
position: fixed; position: fixed;
z-index: 999 !important; z-index: 999 !important;
...@@ -18091,7 +18091,7 @@ aside a:hover { ...@@ -18091,7 +18091,7 @@ aside a:hover {
width: 100% width: 100%
} }
.nav-bar .nav-bar-content[data-v-a84c5a16] { .nav-bar .nav-bar-content {
margin: 0 auto; margin: 0 auto;
height: 90px; height: 90px;
align-items: center; align-items: center;
...@@ -18099,22 +18099,22 @@ aside a:hover { ...@@ -18099,22 +18099,22 @@ aside a:hover {
justify-content: space-between justify-content: space-between
} }
.nav-bar .logo[data-v-a84c5a16] { .nav-bar .logo {
cursor: pointer cursor: pointer
} }
.nav-bar .logo .nscc[data-v-a84c5a16] { .nav-bar .logo .nscc {
height: 40px; height: 40px;
cursor: pointer cursor: pointer
} }
.nav-bar .logo img[data-v-a84c5a16] { .nav-bar .logo img {
margin-right: 20px; margin-right: 20px;
height: 45px; height: 45px;
cursor: pointer cursor: pointer
} }
.nav-bar .logo .logo-text[data-v-a84c5a16] { .nav-bar .logo .logo-text {
font-family: YouSheBiaoTiHei, system-ui; font-family: YouSheBiaoTiHei, system-ui;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 20px;
...@@ -18123,63 +18123,63 @@ aside a:hover { ...@@ -18123,63 +18123,63 @@ aside a:hover {
cursor: pointer cursor: pointer
} }
.nav-bar .menu[data-v-a84c5a16] { .nav-bar .menu {
flex: 1; flex: 1;
margin: 0 20px 0 50px margin: 0 20px 0 50px
} }
.nav-bar[data-v-a84c5a16] .el-menu { .nav-bar .el-menu {
border-bottom: none border-bottom: none
} }
.nav-bar[data-v-a84c5a16] .el-menu .el-sub-menu, .nav-bar[data-v-a84c5a16] .el-menu .el-menu-item { .nav-bar .el-menu .el-sub-menu, .nav-bar .el-menu .el-menu-item {
margin-right: 20px margin-right: 20px
} }
.nav-bar[data-v-a84c5a16] .el-menu .el-sub-menu.is-active, .nav-bar[data-v-a84c5a16] .el-menu .el-menu-item.is-active { .nav-bar .el-menu .el-sub-menu.is-active, .nav-bar .el-menu .el-menu-item.is-active {
font-weight: bolder; font-weight: bolder;
font-size: 16px !important font-size: 16px !important
} }
.nav-bar[data-v-a84c5a16] .el-menu .el-sub-menu__title, .nav-bar[data-v-a84c5a16] .el-menu .el-menu-item { .nav-bar .el-menu .el-sub-menu__title, .nav-bar .el-menu .el-menu-item {
font-weight: bolder; font-weight: bolder;
font-size: 18px; font-size: 18px;
color: #4e5051 color: #4e5051
} }
.nav-bar .el-button[data-v-a84c5a16] { .nav-bar .el-button {
height: 40px; height: 40px;
font-size: 14px; font-size: 14px;
padding: 15px 20px padding: 15px 20px
} }
.nav-bar .avatar-wrapper .user-avatar[data-v-a84c5a16] { .nav-bar .avatar-wrapper .user-avatar {
width: 30px; width: 30px;
height: 30px; height: 30px;
border-radius: 30px; border-radius: 30px;
margin: 0 10px margin: 0 10px
} }
.nav-bar .avatar-wrapper .user-name[data-v-a84c5a16], .nav-bar .avatar-wrapper .console[data-v-a84c5a16] { .nav-bar .avatar-wrapper .user-name, .nav-bar .avatar-wrapper .console {
font-weight: bolder; font-weight: bolder;
font-size: 16px; font-size: 16px;
color: #303233 color: #303233
} }
.app-main[data-v-a84c5a16] { .app-main {
padding-top: 90px; padding-top: 90px;
min-height: calc(100vh - 90px) min-height: calc(100vh - 90px)
} }
.sidebarLogoFade-enter-active[data-v-9b86b178] { .sidebarLogoFade-enter-active {
transition: opacity 1.5s transition: opacity 1.5s
} }
.sidebarLogoFade-enter[data-v-9b86b178], .sidebarLogoFade-leave-to[data-v-9b86b178] { .sidebarLogoFade-enter, .sidebarLogoFade-leave-to {
opacity: 0 opacity: 0
} }
.sidebar-logo-container[data-v-9b86b178] { .sidebar-logo-container {
position: relative; position: relative;
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -18189,19 +18189,19 @@ aside a:hover { ...@@ -18189,19 +18189,19 @@ aside a:hover {
overflow: hidden overflow: hidden
} }
.sidebar-logo-container .sidebar-logo-link[data-v-9b86b178] { .sidebar-logo-container .sidebar-logo-link {
height: 100%; height: 100%;
width: 100% width: 100%
} }
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-9b86b178] { .sidebar-logo-container .sidebar-logo-link .sidebar-logo {
width: 32px; width: 32px;
height: 32px; height: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 12px margin-right: 12px
} }
.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-9b86b178] { .sidebar-logo-container .sidebar-logo-link .sidebar-title {
font-family: YouSheBiaoTiHei, system-ui; font-family: YouSheBiaoTiHei, system-ui;
display: inline-block; display: inline-block;
margin: 0; margin: 0;
...@@ -18212,7 +18212,7 @@ aside a:hover { ...@@ -18212,7 +18212,7 @@ aside a:hover {
vertical-align: middle vertical-align: middle
} }
.sidebar-logo-container.collapse .sidebar-logo[data-v-9b86b178] { .sidebar-logo-container.collapse .sidebar-logo {
margin-right: 0 margin-right: 0
} }
...@@ -18223,7 +18223,7 @@ aside a:hover { ...@@ -18223,7 +18223,7 @@ aside a:hover {
padding: 20px padding: 20px
} }
[data-v-54ae2aa1]:export { :export {
menuColor: #bfcbd9; menuColor: #bfcbd9;
menuLightColor: rgba(0, 0, 0, .7); menuLightColor: rgba(0, 0, 0, .7);
menuColorActive: #f4f4f5; menuColorActive: #f4f4f5;
...@@ -18241,38 +18241,38 @@ aside a:hover { ...@@ -18241,38 +18241,38 @@ aside a:hover {
warningColor: #E6A23C warningColor: #E6A23C
} }
.app-wrapper[data-v-54ae2aa1] { .app-wrapper {
position: relative; position: relative;
height: 100%; height: 100%;
width: 100% width: 100%
} }
.app-wrapper[data-v-54ae2aa1]:after { .app-wrapper :after {
content: ""; content: "";
display: table; display: table;
clear: both clear: both
} }
.app-wrapper.mobile.openSidebar[data-v-54ae2aa1] { .app-wrapper.mobile.openSidebar {
position: fixed; position: fixed;
top: 0 top: 0
} }
.sidebar-container[data-v-54ae2aa1] .el-menu { .sidebar-container .el-menu {
--el-menu-item-font-size: 16px; --el-menu-item-font-size: 16px;
--el-menu-text-color: #303233 --el-menu-text-color: #303233
} }
.sidebar-container[data-v-54ae2aa1] .el-menu .el-menu-item { .sidebar-container .el-menu .el-menu-item {
position: relative; position: relative;
font-weight: 400 font-weight: 400
} }
.sidebar-container[data-v-54ae2aa1] .el-menu .el-menu-item.is-active { .sidebar-container .el-menu .el-menu-item.is-active {
background-color: #f0f6ff background-color: #f0f6ff
} }
.sidebar-container[data-v-54ae2aa1] .el-menu .el-menu-item.is-active:before { .sidebar-container .el-menu .el-menu-item.is-active:before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -18281,11 +18281,11 @@ aside a:hover { ...@@ -18281,11 +18281,11 @@ aside a:hover {
border-right: 4px solid #2e77e3 border-right: 4px solid #2e77e3
} }
.sidebar-container[data-v-54ae2aa1] .el-menu .el-menu-item .svg-icon { .sidebar-container .el-menu .el-menu-item .svg-icon {
font-size: 18px font-size: 18px
} }
.drawer-bg[data-v-54ae2aa1] { .drawer-bg {
background: #000; background: #000;
opacity: .3; opacity: .3;
width: 100%; width: 100%;
...@@ -18295,7 +18295,7 @@ aside a:hover { ...@@ -18295,7 +18295,7 @@ aside a:hover {
z-index: 999 z-index: 999
} }
.fixed-header[data-v-54ae2aa1] { .fixed-header {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
...@@ -18304,15 +18304,15 @@ aside a:hover { ...@@ -18304,15 +18304,15 @@ aside a:hover {
transition: width .28s transition: width .28s
} }
.hideSidebar .fixed-header[data-v-54ae2aa1] { .hideSidebar .fixed-header {
width: calc(100% - 54px) width: calc(100% - 54px)
} }
.sidebarHide .fixed-header[data-v-54ae2aa1], .mobile .fixed-header[data-v-54ae2aa1] { .sidebarHide .fixed-header, .mobile .fixed-header {
width: 100% width: 100%
} }
.app-main[data-v-54ae2aa1] { .app-main {
height: calc(100vh - 50px); height: calc(100vh - 50px);
min-height: auto; min-height: auto;
overflow-y: auto overflow-y: auto
...@@ -19553,25 +19553,25 @@ aside a:hover { ...@@ -19553,25 +19553,25 @@ aside a:hover {
content: "绛夊瀛椾綋" content: "绛夊瀛椾綋"
} }
.upload-file-uploader[data-v-8a83d85d] { .upload-file-uploader {
margin-bottom: 5px margin-bottom: 5px
} }
.upload-file-list .el-upload-list__item[data-v-8a83d85d] { .upload-file-list .el-upload-list__item {
border: 1px solid #e4e7ed; border: 1px solid #e4e7ed;
line-height: 2; line-height: 2;
margin-bottom: 10px; margin-bottom: 10px;
position: relative position: relative
} }
.upload-file-list .ele-upload-list__item-content[data-v-8a83d85d] { .upload-file-list .ele-upload-list__item-content {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
color: inherit color: inherit
} }
.ele-upload-list__item-content-action .el-link[data-v-8a83d85d] { .ele-upload-list__item-content-action .el-link {
margin-right: 10px margin-right: 10px
} }
...@@ -19579,22 +19579,22 @@ aside a:hover { ...@@ -19579,22 +19579,22 @@ aside a:hover {
display: none display: none
} }
.el-image[data-v-c36627ab] { .el-image {
border-radius: 5px; border-radius: 5px;
background-color: #ebeef5; background-color: #ebeef5;
box-shadow: 0 0 5px 1px #ccc box-shadow: 0 0 5px 1px #ccc
} }
.el-image[data-v-c36627ab] .el-image__inner { .el-image .el-image__inner {
transition: all .3s; transition: all .3s;
cursor: pointer cursor: pointer
} }
.el-image[data-v-c36627ab] .el-image__inner:hover { .el-image .el-image__inner:hover {
transform: scale(1.2) transform: scale(1.2)
} }
.el-image[data-v-c36627ab] .image-slot { .el-image .image-slot {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
...@@ -19604,7 +19604,7 @@ aside a:hover { ...@@ -19604,7 +19604,7 @@ aside a:hover {
font-size: 30px font-size: 30px
} }
[data-v-0d03e5b3]:export { :export {
menuColor: #bfcbd9; menuColor: #bfcbd9;
menuLightColor: rgba(0, 0, 0, .7); menuLightColor: rgba(0, 0, 0, .7);
menuColorActive: #f4f4f5; menuColorActive: #f4f4f5;
...@@ -19622,23 +19622,23 @@ aside a:hover { ...@@ -19622,23 +19622,23 @@ aside a:hover {
warningColor: #E6A23C warningColor: #E6A23C
} }
.el-scrollbar .el-scrollbar__view .el-select-dropdown__item[data-v-0d03e5b3] { .el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
padding: 0; padding: 0;
background-color: #fff; background-color: #fff;
height: auto height: auto
} }
.el-select-dropdown__item.selected[data-v-0d03e5b3] { .el-select-dropdown__item.selected {
font-weight: 400 font-weight: 400
} }
ul li .el-tree .el-tree-node__content[data-v-0d03e5b3] { ul li .el-tree .el-tree-node__content {
height: auto; height: auto;
padding: 0 20px; padding: 0 20px;
box-sizing: border-box box-sizing: border-box
} }
[data-v-0d03e5b3] .el-tree-node__content:hover, [data-v-0d03e5b3] .el-tree-node__content:active, [data-v-0d03e5b3] .is-current > div:first-child, [data-v-0d03e5b3] .el-tree-node__content:focus { .el-tree-node__content:hover, .el-tree-node__content:active, .is-current > div:first-child, .el-tree-node__content:focus {
background-color: #eaf1fc; background-color: #eaf1fc;
color: #2e77e3 color: #2e77e3
} }
......
src/layout/user-layout.vue
...@@ -243,7 +243,7 @@ function logout() { ...@@ -243,7 +243,7 @@ function logout() {
} }
.app-main { .app-main {
padding-top: 64px; padding-top: 90px;
height: 100%; height: 100%;
//height: calc(100vh - 64px); //height: calc(100vh - 64px);
overflow-y: auto; overflow-y: auto;
......
src/views/index.vue
<template> <template>
<div class="app-container home"> <div class="app-container home">
<div class="banner"> <div class="banner">
<el-carousel height="1064px" :indicator-position="bannerImgList.length <= 1 ? 'none':'' "> <el-carousel :height="carouselHeight + 'px'" :indicator-position="bannerImgList.length <= 1 ? 'none':'' ">
<el-carousel-item v-for="item in bannerImgList" :key="item" @click="handleCarousel(item.url)"> <el-carousel-item
<!-- <img :src="baseUrl + item.image" alt="">--> v-for="item in bannerImgList"
<img :src="item.image" alt=""/> :key="item"
@click="handleCarousel(item.url)"
>
<div class="carousel-image">
<img :src="item.image" alt=""/>
</div>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
</div> </div>
...@@ -340,6 +345,25 @@ const dialogTitle = ref('') ...@@ -340,6 +345,25 @@ const dialogTitle = ref('')
const iframeSrc = ref('') const iframeSrc = ref('')
const iframeShow = ref(false) const iframeShow = ref(false)
const myCarousel = ref(null) const myCarousel = ref(null)
const carouselHeight = ref(500); // 默认高度
function updateHeight() {
// 根据窗口宽度计算高度
const width = window.innerWidth;
if (width < 768) {
carouselHeight.value = width * 0.6; // 移动设备上高度为宽度的60%
} else {
carouselHeight.value = width * 0.4; // 桌面设备上高度为宽度的40%
}
}
onMounted(() => {
updateHeight();
window.addEventListener('resize', updateHeight);
});
onBeforeUnmount(() => {
window.removeEventListener('resize', updateHeight);
});
function getBanner() { function getBanner() {
banner().then(res => { banner().then(res => {
...@@ -502,6 +526,12 @@ function handleCarousel(url) { ...@@ -502,6 +526,12 @@ function handleCarousel(url) {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.carousel-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.view-more-text { .view-more-text {
position: sticky; position: sticky;
text-align: center; text-align: center;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment