| | |
|---|
| | | <template>
|
|---|
| | | <el-drawer size="280px" :visible="visible" :with-header="false" :append-to-body="true" :show-close="false">
|
|---|
| | | <el-drawer size="280px" :visible="showSettings" :with-header="false" :append-to-body="true" :before-close="closeSetting">
|
|---|
| | | <div class="drawer-container">
|
|---|
| | | <div>
|
|---|
| | | <div class="setting-drawer-content">
|
|---|
| | |
|---|
| | |
|
|---|
| | | export default {
|
|---|
| | | components: { ThemePicker },
|
|---|
| | | expose: ['openSetting'],
|
|---|
| | | data() {
|
|---|
| | | return {
|
|---|
| | | theme: this.$store.state.settings.theme,
|
|---|
| | | sideTheme: this.$store.state.settings.sideTheme
|
|---|
| | | sideTheme: this.$store.state.settings.sideTheme,
|
|---|
| | | showSettings: false
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | computed: {
|
|---|
| | | visible: {
|
|---|
| | | get() {
|
|---|
| | | return this.$store.state.settings.showSettings
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | fixedHeader: {
|
|---|
| | | get() {
|
|---|
| | | return this.$store.state.settings.fixedHeader
|
|---|
| | |
|---|
| | | key: 'dynamicTitle',
|
|---|
| | | value: val
|
|---|
| | | })
|
|---|
| | | this.$store.dispatch('settings/setTitle', this.$store.state.settings.title)
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | },
|
|---|
| | |
|---|
| | | })
|
|---|
| | | this.sideTheme = val
|
|---|
| | | },
|
|---|
| | | openSetting() {
|
|---|
| | | this.showSettings = true
|
|---|
| | | },
|
|---|
| | | closeSetting(){
|
|---|
| | | this.showSettings = false
|
|---|
| | | },
|
|---|
| | | saveSetting() {
|
|---|
| | | this.$modal.loading("正在保存到本地，请稍候...")
|
|---|
| | | this.$cache.local.set(
|
|---|
