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 {
background-color: transparent
}
.sidebarLogoFade-enter-active[data-v-81ab6951] {
.sidebarLogoFade-enter-active {
transition: opacity 1.5s
}
.sidebarLogoFade-enter[data-v-81ab6951], .sidebarLogoFade-leave-to[data-v-81ab6951] {
.sidebarLogoFade-enter, .sidebarLogoFade-leave-to {
opacity: 0
}
.sidebar-logo-container[data-v-81ab6951] {
.sidebar-logo-container {
position: relative;
width: 100%;
height: 50px;
......@@ -17510,19 +17510,19 @@ aside a:hover {
overflow: hidden
}
.sidebar-logo-container .sidebar-logo-link[data-v-81ab6951] {
.sidebar-logo-container .sidebar-logo-link {
height: 100%;
width: 100%
}
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-81ab6951] {
.sidebar-logo-container .sidebar-logo-link .sidebar-logo {
width: 32px;
height: 32px;
vertical-align: middle;
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;
margin: 0;
color: #fff;
......@@ -17533,22 +17533,22 @@ aside a:hover {
vertical-align: middle
}
.sidebar-logo-container.collapse .sidebar-logo[data-v-81ab6951] {
.sidebar-logo-container.collapse .sidebar-logo {
margin-right: 0
}
.footer-wrapper[data-v-1f17305e] {
.footer-wrapper {
min-width: 1200px;
max-width: 100vw !important
}
.content-footer[data-v-1f17305e] {
.content-footer {
width: 100%;
background: #fafafa;
padding: 40px 0
}
.content-footer .content-detail[data-v-1f17305e] {
.content-footer .content-detail {
display: flex;
flex-direction: column;
align-content: center;
......@@ -17556,27 +17556,27 @@ aside a:hover {
cursor: pointer
}
.content-footer .content-detail .name[data-v-1f17305e] {
.content-footer .content-detail .name {
line-height: 32px;
font-size: 18px;
color: #333;
text-align: center
}
.content-footer .content-detail .more[data-v-1f17305e] {
.content-footer .content-detail .more {
line-height: 22px;
font-size: 14px;
color: #666;
text-align: center
}
.content-footer .content-detail img[data-v-1f17305e] {
.content-footer .content-detail img {
width: 40px;
height: 40px;
margin-bottom: 10px
}
.footer[data-v-1f17305e] {
.footer {
text-align: center;
padding: 12px 0;
color: #fff;
......@@ -17585,20 +17585,20 @@ aside a:hover {
background-color: #303233
}
.app-main[data-v-184471d5] {
.app-main {
width: 100%;
position: relative
}
.fixed-header + .app-main[data-v-184471d5] {
.fixed-header + .app-main {
padding-top: 50px
}
.hasTagsView .app-main[data-v-184471d5] {
.hasTagsView .app-main {
min-height: calc(100vh - 84px)
}
.hasTagsView .fixed-header + .app-main[data-v-184471d5] {
.hasTagsView .fixed-header + .app-main {
padding-top: 84px
}
......@@ -17620,14 +17620,14 @@ aside a:hover {
border-radius: 3px
}
.app-breadcrumb.el-breadcrumb[data-v-af776b45] {
.app-breadcrumb.el-breadcrumb {
display: inline-block;
font-size: 14px;
line-height: 50px;
margin-left: 8px
}
.app-breadcrumb.el-breadcrumb .no-redirect[data-v-af776b45] {
.app-breadcrumb.el-breadcrumb .no-redirect {
color: #97a8be;
cursor: text
}
......@@ -17670,18 +17670,18 @@ aside a:hover {
margin-top: 0
}
.hamburger[data-v-cf79f140] {
.hamburger {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px
}
.hamburger.is-active[data-v-cf79f140] {
.hamburger.is-active {
transform: rotate(180deg)
}
.screenfull-svg[data-v-54fa6e06] {
.screenfull-svg {
display: inline-block;
cursor: pointer;
fill: #5a5e66;
......@@ -17690,23 +17690,23 @@ aside a:hover {
vertical-align: 10px
}
.size-icon--style[data-v-36502f7f] {
.size-icon--style {
font-size: 18px;
line-height: 50px;
padding-right: 7px
}
.header-search[data-v-3bf3c10d] {
.header-search {
font-size: 0 !important
}
.header-search .search-icon[data-v-3bf3c10d] {
.header-search .search-icon {
cursor: pointer;
font-size: 18px;
vertical-align: middle
}
.header-search .header-search-select[data-v-3bf3c10d] {
.header-search .header-search-select {
font-size: 18px;
transition: width .2s;
width: 0;
......@@ -17717,7 +17717,7 @@ aside a:hover {
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: 0;
padding-left: 0;
......@@ -17727,12 +17727,12 @@ aside a:hover {
vertical-align: middle
}
.header-search.show .header-search-select[data-v-3bf3c10d] {
.header-search.show .header-search-select {
width: 210px;
margin-left: 10px
}
.navbar[data-v-ce0865ab] {
.navbar {
height: 50px;
overflow: hidden;
position: relative;
......@@ -17740,7 +17740,7 @@ aside a:hover {
box-shadow: 0 1px 4px #00152914
}
.navbar .hamburger-container[data-v-ce0865ab] {
.navbar .hamburger-container {
line-height: 46px;
height: 100%;
float: left;
......@@ -17749,36 +17749,36 @@ aside a:hover {
-webkit-tap-highlight-color: transparent
}
.navbar .hamburger-container[data-v-ce0865ab]:hover {
.navbar .hamburger-container :hover {
background: #00000006
}
.navbar .breadcrumb-container[data-v-ce0865ab] {
.navbar .breadcrumb-container {
float: left
}
.navbar .topmenu-container[data-v-ce0865ab] {
.navbar .topmenu-container {
position: absolute;
left: 50px
}
.navbar .errLog-container[data-v-ce0865ab] {
.navbar .errLog-container {
display: inline-block;
vertical-align: top
}
.navbar .right-menu[data-v-ce0865ab] {
.navbar .right-menu {
float: right;
height: 100%;
line-height: 50px;
display: flex
}
.navbar .right-menu[data-v-ce0865ab]:focus {
.navbar .right-menu :focus {
outline: none
}
.navbar .right-menu .right-menu-item[data-v-ce0865ab] {
.navbar .right-menu .right-menu-item {
display: inline-block;
padding: 0 8px;
height: 100%;
......@@ -17787,32 +17787,32 @@ aside a:hover {
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;
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
}
.navbar .right-menu .avatar-container[data-v-ce0865ab] {
.navbar .right-menu .avatar-container {
margin-right: 40px
}
.navbar .right-menu .avatar-container .avatar-wrapper[data-v-ce0865ab] {
.navbar .right-menu .avatar-container .avatar-wrapper {
margin-top: 5px;
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;
width: 40px;
height: 40px;
border-radius: 10px
}
.navbar .right-menu .avatar-container .avatar-wrapper i[data-v-ce0865ab] {
.navbar .right-menu .avatar-container .avatar-wrapper i {
cursor: pointer;
position: absolute;
right: -20px;
......@@ -17820,18 +17820,18 @@ aside a:hover {
font-size: 12px
}
.setting-drawer-title[data-v-876e4954] {
.setting-drawer-title {
margin-bottom: 12px;
color: #000000d9;
line-height: 22px;
font-weight: 700
}
.setting-drawer-title .drawer-title[data-v-876e4954] {
.setting-drawer-title .drawer-title {
font-size: 14px
}
.setting-drawer-block-checbox[data-v-876e4954] {
.setting-drawer-block-checbox {
display: flex;
justify-content: flex-start;
align-items: center;
......@@ -17839,26 +17839,26 @@ aside a:hover {
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;
margin-right: 16px;
border-radius: 2px;
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;
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;
height: 38px;
border-radius: 5px;
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;
top: 0;
right: 0;
......@@ -17871,33 +17871,33 @@ aside a:hover {
font-size: 14px
}
.drawer-item[data-v-876e4954] {
.drawer-item {
color: #000000a6;
padding: 12px 0;
font-size: 14px
}
.drawer-item .comp-style[data-v-876e4954] {
.drawer-item .comp-style {
float: right;
margin: -3px 8px 0 0
}
.scroll-container[data-v-81b02906] {
.scroll-container {
white-space: nowrap;
position: relative;
overflow: hidden;
width: 100%
}
.scroll-container[data-v-81b02906] .el-scrollbar__bar {
.scroll-container .el-scrollbar__bar {
bottom: 0
}
.scroll-container[data-v-81b02906] .el-scrollbar__wrap {
.scroll-container .el-scrollbar__wrap {
height: 39px
}
.tags-view-container[data-v-5db590f2] {
.tags-view-container {
height: 34px;
width: 100%;
background: #fff;
......@@ -17905,7 +17905,7 @@ aside a:hover {
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;
position: relative;
cursor: pointer;
......@@ -17920,21 +17920,21 @@ aside a:hover {
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
}
.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
}
.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;
color: #fff;
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: "";
background: #fff;
display: inline-block;
......@@ -17945,7 +17945,7 @@ aside a:hover {
margin-right: 5px
}
.tags-view-container .contextmenu[data-v-5db590f2] {
.tags-view-container .contextmenu {
margin: 0;
background: #fff;
z-index: 3000;
......@@ -17959,13 +17959,13 @@ aside a:hover {
box-shadow: 2px 2px 3px #0000004d
}
.tags-view-container .contextmenu li[data-v-5db590f2] {
.tags-view-container .contextmenu li {
margin: 0;
padding: 7px 16px;
cursor: pointer
}
.tags-view-container .contextmenu li[data-v-5db590f2]:hover {
.tags-view-container .contextmenu li :hover {
background: #eee
}
......@@ -17992,7 +17992,7 @@ aside a:hover {
height: 12px !important
}
[data-v-1ec03a09]:export {
:export {
menuColor: #bfcbd9;
menuLightColor: rgba(0, 0, 0, .7);
menuColorActive: #f4f4f5;
......@@ -18010,24 +18010,24 @@ aside a:hover {
warningColor: #E6A23C
}
.app-wrapper[data-v-1ec03a09] {
.app-wrapper {
position: relative;
height: 100%;
width: 100%
}
.app-wrapper[data-v-1ec03a09]:after {
.app-wrapper :after {
content: "";
display: table;
clear: both
}
.app-wrapper.mobile.openSidebar[data-v-1ec03a09] {
.app-wrapper.mobile.openSidebar {
position: fixed;
top: 0
}
.drawer-bg[data-v-1ec03a09] {
.drawer-bg {
background: #000;
opacity: .3;
width: 100%;
......@@ -18037,7 +18037,7 @@ aside a:hover {
z-index: 999
}
.fixed-header[data-v-1ec03a09] {
.fixed-header {
position: fixed;
top: 0;
right: 0;
......@@ -18046,15 +18046,15 @@ aside a:hover {
transition: width .28s
}
.hideSidebar .fixed-header[data-v-1ec03a09] {
.hideSidebar .fixed-header {
width: calc(100% - 54px)
}
.sidebarHide .fixed-header[data-v-1ec03a09], .mobile .fixed-header[data-v-1ec03a09] {
.sidebarHide .fixed-header, .mobile .fixed-header {
width: 100%
}
[data-v-a84c5a16]:export {
:export {
menuColor: #bfcbd9;
menuLightColor: rgba(0, 0, 0, .7);
menuColorActive: #f4f4f5;
......@@ -18072,17 +18072,17 @@ aside a:hover {
warningColor: #E6A23C
}
.app-wrapper[data-v-a84c5a16] {
.app-wrapper {
position: relative
}
.app-wrapper[data-v-a84c5a16]:after {
.app-wrapper :after {
content: "";
display: table;
clear: both
}
.nav-bar[data-v-a84c5a16] {
.nav-bar {
background-color: #fff;
position: fixed;
z-index: 999 !important;
......@@ -18091,7 +18091,7 @@ aside a:hover {
width: 100%
}
.nav-bar .nav-bar-content[data-v-a84c5a16] {
.nav-bar .nav-bar-content {
margin: 0 auto;
height: 90px;
align-items: center;
......@@ -18099,22 +18099,22 @@ aside a:hover {
justify-content: space-between
}
.nav-bar .logo[data-v-a84c5a16] {
.nav-bar .logo {
cursor: pointer
}
.nav-bar .logo .nscc[data-v-a84c5a16] {
.nav-bar .logo .nscc {
height: 40px;
cursor: pointer
}
.nav-bar .logo img[data-v-a84c5a16] {
.nav-bar .logo img {
margin-right: 20px;
height: 45px;
cursor: pointer
}
.nav-bar .logo .logo-text[data-v-a84c5a16] {
.nav-bar .logo .logo-text {
font-family: YouSheBiaoTiHei, system-ui;
font-weight: 400;
font-size: 20px;
......@@ -18123,63 +18123,63 @@ aside a:hover {
cursor: pointer
}
.nav-bar .menu[data-v-a84c5a16] {
.nav-bar .menu {
flex: 1;
margin: 0 20px 0 50px
}
.nav-bar[data-v-a84c5a16] .el-menu {
.nav-bar .el-menu {
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
}
.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-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-size: 18px;
color: #4e5051
}
.nav-bar .el-button[data-v-a84c5a16] {
.nav-bar .el-button {
height: 40px;
font-size: 14px;
padding: 15px 20px
}
.nav-bar .avatar-wrapper .user-avatar[data-v-a84c5a16] {
.nav-bar .avatar-wrapper .user-avatar {
width: 30px;
height: 30px;
border-radius: 30px;
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-size: 16px;
color: #303233
}
.app-main[data-v-a84c5a16] {
.app-main {
padding-top: 90px;
min-height: calc(100vh - 90px)
}
.sidebarLogoFade-enter-active[data-v-9b86b178] {
.sidebarLogoFade-enter-active {
transition: opacity 1.5s
}
.sidebarLogoFade-enter[data-v-9b86b178], .sidebarLogoFade-leave-to[data-v-9b86b178] {
.sidebarLogoFade-enter, .sidebarLogoFade-leave-to {
opacity: 0
}
.sidebar-logo-container[data-v-9b86b178] {
.sidebar-logo-container {
position: relative;
width: 100%;
height: 50px;
......@@ -18189,19 +18189,19 @@ aside a:hover {
overflow: hidden
}
.sidebar-logo-container .sidebar-logo-link[data-v-9b86b178] {
.sidebar-logo-container .sidebar-logo-link {
height: 100%;
width: 100%
}
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-9b86b178] {
.sidebar-logo-container .sidebar-logo-link .sidebar-logo {
width: 32px;
height: 32px;
vertical-align: middle;
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;
display: inline-block;
margin: 0;
......@@ -18212,7 +18212,7 @@ aside a:hover {
vertical-align: middle
}
.sidebar-logo-container.collapse .sidebar-logo[data-v-9b86b178] {
.sidebar-logo-container.collapse .sidebar-logo {
margin-right: 0
}
......@@ -18223,7 +18223,7 @@ aside a:hover {
padding: 20px
}
[data-v-54ae2aa1]:export {
:export {
menuColor: #bfcbd9;
menuLightColor: rgba(0, 0, 0, .7);
menuColorActive: #f4f4f5;
......@@ -18241,38 +18241,38 @@ aside a:hover {
warningColor: #E6A23C
}
.app-wrapper[data-v-54ae2aa1] {
.app-wrapper {
position: relative;
height: 100%;
width: 100%
}
.app-wrapper[data-v-54ae2aa1]:after {
.app-wrapper :after {
content: "";
display: table;
clear: both
}
.app-wrapper.mobile.openSidebar[data-v-54ae2aa1] {
.app-wrapper.mobile.openSidebar {
position: fixed;
top: 0
}
.sidebar-container[data-v-54ae2aa1] .el-menu {
.sidebar-container .el-menu {
--el-menu-item-font-size: 16px;
--el-menu-text-color: #303233
}
.sidebar-container[data-v-54ae2aa1] .el-menu .el-menu-item {
.sidebar-container .el-menu .el-menu-item {
position: relative;
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
}
.sidebar-container[data-v-54ae2aa1] .el-menu .el-menu-item.is-active:before {
.sidebar-container .el-menu .el-menu-item.is-active:before {
content: "";
position: absolute;
top: 0;
......@@ -18281,11 +18281,11 @@ aside a:hover {
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
}
.drawer-bg[data-v-54ae2aa1] {
.drawer-bg {
background: #000;
opacity: .3;
width: 100%;
......@@ -18295,7 +18295,7 @@ aside a:hover {
z-index: 999
}
.fixed-header[data-v-54ae2aa1] {
.fixed-header {
position: fixed;
top: 0;
right: 0;
......@@ -18304,15 +18304,15 @@ aside a:hover {
transition: width .28s
}
.hideSidebar .fixed-header[data-v-54ae2aa1] {
.hideSidebar .fixed-header {
width: calc(100% - 54px)
}
.sidebarHide .fixed-header[data-v-54ae2aa1], .mobile .fixed-header[data-v-54ae2aa1] {
.sidebarHide .fixed-header, .mobile .fixed-header {
width: 100%
}
.app-main[data-v-54ae2aa1] {
.app-main {
height: calc(100vh - 50px);
min-height: auto;
overflow-y: auto
......@@ -19553,25 +19553,25 @@ aside a:hover {
content: "绛夊瀛椾綋"
}
.upload-file-uploader[data-v-8a83d85d] {
.upload-file-uploader {
margin-bottom: 5px
}
.upload-file-list .el-upload-list__item[data-v-8a83d85d] {
.upload-file-list .el-upload-list__item {
border: 1px solid #e4e7ed;
line-height: 2;
margin-bottom: 10px;
position: relative
}
.upload-file-list .ele-upload-list__item-content[data-v-8a83d85d] {
.upload-file-list .ele-upload-list__item-content {
display: flex;
justify-content: space-between;
align-items: center;
color: inherit
}
.ele-upload-list__item-content-action .el-link[data-v-8a83d85d] {
.ele-upload-list__item-content-action .el-link {
margin-right: 10px
}
......@@ -19579,22 +19579,22 @@ aside a:hover {
display: none
}
.el-image[data-v-c36627ab] {
.el-image {
border-radius: 5px;
background-color: #ebeef5;
box-shadow: 0 0 5px 1px #ccc
}
.el-image[data-v-c36627ab] .el-image__inner {
.el-image .el-image__inner {
transition: all .3s;
cursor: pointer
}
.el-image[data-v-c36627ab] .el-image__inner:hover {
.el-image .el-image__inner:hover {
transform: scale(1.2)
}
.el-image[data-v-c36627ab] .image-slot {
.el-image .image-slot {
display: flex;
justify-content: center;
align-items: center;
......@@ -19604,7 +19604,7 @@ aside a:hover {
font-size: 30px
}
[data-v-0d03e5b3]:export {
:export {
menuColor: #bfcbd9;
menuLightColor: rgba(0, 0, 0, .7);
menuColorActive: #f4f4f5;
......@@ -19622,23 +19622,23 @@ aside a:hover {
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;
background-color: #fff;
height: auto
}
.el-select-dropdown__item.selected[data-v-0d03e5b3] {
.el-select-dropdown__item.selected {
font-weight: 400
}
ul li .el-tree .el-tree-node__content[data-v-0d03e5b3] {
ul li .el-tree .el-tree-node__content {
height: auto;
padding: 0 20px;
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;
color: #2e77e3
}
......
src/layout/user-layout.vue
......@@ -243,7 +243,7 @@ function logout() {
}
.app-main {
padding-top: 64px;
padding-top: 90px;
height: 100%;
//height: calc(100vh - 64px);
overflow-y: auto;
......
src/views/index.vue
<template>
<div class="app-container home">
<div class="banner">
<el-carousel height="1064px" :indicator-position="bannerImgList.length <= 1 ? 'none':'' ">
<el-carousel-item v-for="item in bannerImgList" :key="item" @click="handleCarousel(item.url)">
<!-- <img :src="baseUrl + item.image" alt="">-->
<img :src="item.image" alt=""/>
<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)"
>
<div class="carousel-image">
<img :src="item.image" alt=""/>
</div>
</el-carousel-item>
</el-carousel>
</div>
......@@ -340,6 +345,25 @@ const dialogTitle = ref('')
const iframeSrc = ref('')
const iframeShow = ref(false)
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() {
banner().then(res => {
......@@ -502,6 +526,12 @@ function handleCarousel(url) {
</script>
<style scoped lang="scss">
.carousel-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.view-more-text {
position: sticky;
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