From cbec633fda4ecf0f77288f25067a8512915b565a Mon Sep 17 00:00:00 2001 From: yang <1441163367@qq.com> Date: 星期一, 31 十月 2022 08:23:55 +0800 Subject: [PATCH] 修改问题 --- src/page/index/top/top-setting.vue | 149 ------------------------------------------------- 1 files changed, 0 insertions(+), 149 deletions(-) diff --git a/src/page/index/top/top-setting.vue b/src/page/index/top/top-setting.vue index a7294e9..e69de29 100644 --- a/src/page/index/top/top-setting.vue +++ b/src/page/index/top/top-setting.vue @@ -1,149 +0,0 @@ -<template> - <span class="setting"> - <div - :class="{'setting__shade--show':isShade}" - class="setting__shade" - @click="close"/> - <div - :class="{'setting__content--show':box}" - class="setting__content"> - <div class="setting__header">鐗堟潈淇℃伅</div> - <div class="setting__body setting__about"> - <p>Version锛歱latform 3.11.0</p> - <p>Copyright: platform 漏2018-2025</p> - </div> - <div class="setting__header">璁剧疆 - <small>(婊戝姩榧犳爣涓嬮潰杩樻湁鏇村璁剧疆)</small> - </div> - <el-scrollbar style="height:500px"> - <div class="setting__body setting__form"> - <avue-form - v-model="form" - :option="option"/> - </div> - </el-scrollbar> - </div> - </span> -</template> - -<script> -import { mapState, mapGetters } from 'vuex' -import { option, list } from '@/const/setting/' -export default { - data() { - return { - box: false, - form: {}, - list: list, - option: option(this) - } - }, - computed: { - ...mapGetters(['isShade']), - ...mapState({ - showTag: state => state.common.showTag, - showDebug: state => state.common.showDebug, - showLock: state => state.common.showLock, - showColor: state => state.common.showColor, - showFullScreen: state => state.common.showFullScreen, - showCollapse: state => state.common.showCollapse, - showSearch: state => state.common.showSearch, - showMenu: state => state.common.showMenu, - showTheme: state => state.common.showTheme - }) - }, - created() { - setTimeout(() => { - this.init() - }, 0) - }, - methods: { - close() { - this.box = false - this.$store.commit('SET_SHADE', false) - }, - set(key) { - const ele = this.find(key) - this.$store.commit(ele.commit, eval(this.form[ele.key])) - }, - find(key) { - return this.list.filter(ele => ele.key === key)[0] - }, - init() { - this.list.forEach(ele => { - this.form[ele.key] = this.validatenull(this[ele.key]) ? 'true' : this[ele.key] + '' - this.set(ele.key) - }) - }, - open() { - this.box = true - this.$store.commit('SET_SHADE', true) - } - } -} -</script> - -<style lang="scss" scoped> -.setting { - margin-left: 10px; - &__icon { - color:#fff; - font-size: 20px; - transform: rotate(90deg); - } - &__header { - height: 42px; - line-height: 42px; - padding: 0 15px; - border-bottom: 1px solid #f6f6f6; - color: #333; - border-radius: 2px 2px 0 0; - font-size: 14px; - small { - margin-left: 8px; - color: #999; - } - } - &__body { - padding: 10px 15px; - line-height: 24px; - } - &__about { - font-size: 14px; - line-height: 30px; - } - &__shade { - position: fixed; - display: none; - width: 100%; - height: 100%; - left: 0; - right: 0; - top: 0; - bottom: 0; - background-color: rgba(0, 0, 0, 0.3); - z-index: 2048; - &--show { - display: block; - } - } - &__form { - width: 230px; - margin: 0 auto; - } - &__content { - box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); - transition: all 0.3s; - position: fixed; - width: 320px; - height: 100%; - right: -450px; - top: 0; - z-index: 2048; - background-color: #fff; - &--show { - right: 0; - } - } -} -</style> -- Gitblit v1.9.1