修改专题菜单样式

YANGDL

2021-03-01 c50c7860530f24eb199b1f1385fee3bc1bd671c0

 src/components/panel/MenuTopic.vue

File was renamed from src/components/panel/MenuSpecial.vue
@@ -30,7 +30,7 @@
<script>

export default {
  name: 'MenuSpecial',
  name: 'MenuTopic',
  data () {
    return {
      isShow: false,
@@ -144,12 +144,18 @@
  font-weight: 400;
  font-style: normal;
.menu-special-toggle{
  width: 2rem;height: 2rem;background-size: 100% 100%;padding-right: 1rem;display: inline;
  width: 2rem;height: 2rem;background-size: 100% 100%;padding-right: 1rem;display: inline;    transition: all .6s;

}
  .menu-special-toggle:hover{
    cursor: pointer;
    transform: scale(1.2)
  }

  .menu-special-context {

    display: inline-flex;
    transition: height 1s;
    transition: all 1s;

    li {
      //display: inline-flex;
@@ -168,10 +174,12 @@
      padding: 0 1rem 0 1rem;
      line-height: 2rem;
      height: 2rem;
      transition: all .5s;
    }
    .menu-special-item :hover {
      text-decoration: underline;
      cursor: pointer;

    }
    .menu-special-item:active{
      color: @color-highlight;
@@ -185,6 +193,13 @@
    line-height: 1rem;
    box-shadow: none;
    border:none;

}
  .menu-special-item:hover{
    transform: scale(1.1)
  }
  .el-checkbox-button__inner:hover{

}
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: @color-highlight;
@@ -202,5 +217,8 @@
  .el-checkbox-button__inner:hover{
    color: @color-highlight;
  }
  .menu-special .menu-special-context .menu-special-item:hover{

  }
}
</style>