1.提交

loulijun2021

2023-05-20 d1c1f6b4edcb4fc33314802cc66e72e2743c0eed

 src/layout/components/Settings/index.vue

@@ -1,7 +1,7 @@
<template>
  <div class="drawer-container">
    <div>
      <h3 class="drawer-title">项目配置</h3>
      <h3 class="drawer-title">系统配置</h3>

      <div class="drawer-item">
        <span>主题颜色</span>
@@ -28,6 +28,7 @@
          inactive-color="#ccc"
          active-text="横向"
          inactive-text="竖向"
          @change="sidebar.opened=true"
        />
      </div>
      <div class="drawer-item" style="display: flex;justify-content: space-between">
@@ -51,7 +52,6 @@
          style="width: 120px;"
          placeholder="请选择"
          size="mini"
          @change="animationTypeChange"
        >
          <el-option
            v-for="item in animationTypeArr"
@@ -84,6 +84,7 @@

<script>
import ThemePicker from '@/components/ThemePicker'
import { mapGetters } from 'vuex'

export default {
  components: { ThemePicker },
@@ -101,7 +102,15 @@
      ]
    }
  },
  mounted() {
    if (this.$store.state.settings.menuIsHorizontal) {
      this.sidebar.opened = true
    }
  },
  computed: {
    ...mapGetters([
      'sidebar'
    ]),
    fixedHeader: {
      get() {
        return this.$store.state.settings.fixedHeader
@@ -143,9 +152,6 @@
        key: 'theme',
        value: val
      })
    },
    animationTypeChange(val) {
      console.log(val, 1)
    }
  }
}