样式调整

menu_style
zhangdi 3 months ago
parent ebeeeb0159
commit 7190911780
  1. 5
      src/page/index/tags.vue
  2. 2
      src/styles/tags.scss
  3. 96
      src/styles/theme/go.scss

@ -39,10 +39,7 @@
</el-tab-pane>
</el-tabs>
<el-dropdown class="avue-tags__menu">
<el-button type="primary">
{{ $t('tagsView.menu') }}
<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-icon style="font-size:20px;padding-top:5px;padding-right:5px"><More /></el-icon>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="openSearch"

@ -29,7 +29,7 @@
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #ccc;
color: #a8abb2;
&.is-active {
color: var(--el-color-primary);

@ -76,53 +76,53 @@
.avue-main{
background-color: rgb(249,250,251);
}
.avue-tags {
margin: 5px 6px 8px 6px;
padding-bottom: 2px;
.el-tabs__nav-prev,
.el-tabs__nav-next {
width: 20px;
line-height: 50px;
font-size: 18px;
text-align: center;
}
&__box {
position: relative;
box-sizing: border-box;
padding-right: 70px;
width: 100%;
.el-tabs__item {
&:first-child {
.is-icon-close {
display: none;
}
}
}
}
.el-tabs__item {
font-size: 14px !important;
color: rgb(75,85,99) !important;
font-weight: 500 !important;
border: 1px solid rgb(205,218,214) !important;
border-radius: 3px;
height: 30px !important;
line-height: 35px !important;
margin: 8px 3px 8px 3px !important;
&:hover {
color: var(--el-color-primary) !important;
border-color: var(--el-color-primary) !important;
}
}
.is-active {
color: var(--el-color-primary) !important;
border-color: var(--el-color-primary) !important;
}
}
// .avue-tags {
// margin: 5px 6px 8px 6px;
// padding-bottom: 2px;
// .el-tabs__nav-prev,
// .el-tabs__nav-next {
// width: 20px;
// line-height: 50px;
// font-size: 18px;
// text-align: center;
// }
// &__box {
// position: relative;
// box-sizing: border-box;
// padding-right: 70px;
// width: 100%;
// .el-tabs__item {
// &:first-child {
// .is-icon-close {
// display: none;
// }
// }
// }
// }
// .el-tabs__item {
// font-size: 14px !important;
// color: rgb(75,85,99) !important;
// font-weight: 500 !important;
// border: 1px solid rgb(205,218,214) !important;
// border-radius: 3px;
// height: 30px !important;
// line-height: 35px !important;
// margin: 8px 3px 8px 3px !important;
// &:hover {
// color: var(--el-color-primary) !important;
// border-color: var(--el-color-primary) !important;
// }
// }
// .is-active {
// color: var(--el-color-primary) !important;
// border-color: var(--el-color-primary) !important;
// }
// }
}

Loading…
Cancel
Save