fix: style problem of dropdown components in Setting.vue; :bug: #105 修复：设置...

chenghongxing

2020-08-25 de925b254eaeb16f49120e4eb413452e00ee2e2b

fix: style problem of dropdown components in Setting.vue; :bug: #105
 修复：设置面板里下拉组件的样式问题；

 src/components/setting/Setting.vue

@@ -32,7 +32,7 @@
      <a-list :split="false">
        <a-list-item>
          {{$t('navigate.content.title')}}
          <a-select size="small" defaultValue="1" slot="actions" style="width: 80px">
          <a-select :getPopupContainer="getPopupContainer" :dropdown-style="{zIndex: 2001}" size="small" defaultValue="1" slot="actions" style="width: 80px">
            <a-select-option value="1">{{$t('navigate.content.fluid')}}</a-select-option>
            <a-select-option value="2">{{$t('navigate.content.fixed')}}</a-select-option>
          </a-select>
@@ -75,6 +75,8 @@
          {{$t('animate.effect')}}
          <a-select
            :value="animate.name"
            :getPopupContainer="getPopupContainer"
            :dropdown-style="{zIndex: 2001}"
            @change="val => setAnimate({...animate, name: val})"
            class="select-item" size="small" slot="actions"
          >
@@ -85,6 +87,8 @@
          {{$t('animate.direction')}}
          <a-select
            :value="animate.direction"
            :getPopupContainer="getPopupContainer"
            :dropdown-style="{zIndex: 2001}"
            @change="val => setAnimate({...animate, direction: val})"
            class="select-item" size="small" slot="actions"
          >
@@ -135,6 +139,9 @@
    }
  },
  methods: {
    getPopupContainer() {
      return this.$el.parentNode
    },
    copyCode () {
      let config = {}
      // 提取配置

 src/layouts/AdminLayout.vue

@@ -82,6 +82,7 @@
    .side-menu{
      &.fixed-side{
        position: fixed;
        height: 100vh;
        left: 0;
        top: 0;
      }