12.31开源admin代码更新

admin/src/components/RightPanel/index.vue

@@ -2,9 +2,6 @@
   <div ref="rightPanel" :class="{show:show}" class="rightPanel-container">
     <div class="rightPanel-background" />
     <div class="rightPanel">
-      <div class="handle-button" :style="{'top':buttonTop+'px','background-color':theme}" @click="show=!show" v-if="!isPhone">
-        <i :class="show?'el-icon-close':'el-icon-setting'" />
-      </div>
       <div class="rightPanel-items">
         <slot />
       </div>
@@ -27,16 +24,21 @@ export default {
       type: Number
     }
   },
-  data() {
-    return {
-      isPhone: this.$wechat.isPhone(),
-      show: false
-    }
-  },
   computed: {
+    show: {
+      get() {
+        return this.$store.state.settings.showSettings
+      },
+      set(val) {
+        this.$store.dispatch('settings/changeSetting', {
+          key: 'showSettings',
+          value: val
+        })
+      }
+    },
     theme() {
       return this.$store.state.settings.theme
-    }
+    },
   },
   watch: {
     show(value) {
@@ -52,6 +54,7 @@ export default {
   },
   mounted() {
     this.insertToBody()
+    this.addEventClick()
   },
   beforeDestroy() {
     const elx = this.$refs.rightPanel
@@ -91,7 +94,7 @@ export default {
   top: 0;
   left: 0;
   opacity: 0;
-  transition: opacity .3s cubic-bezier(.7, .3, .1, 1);
+  transition: opacity .3s cubic-bezier(0, 0, .25, 1);
   background: rgba(0, 0, 0, .2);
   z-index: -1;
 }
@@ -104,14 +107,14 @@ export default {
   top: 0;
   right: 0;
   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .05);
-  transition: all .25s cubic-bezier(.7, .3, .1, 1);
+  transition: all .25s cubic-bezier(0, 0, .25, 1);
   transform: translate(100%);
   background: #fff;
   z-index: 40000;
 }
 
 .show {
-  transition: all .3s cubic-bezier(.7, .3, .1, 1);
+  transition: all .3s cubic-bezier(0, 0, .25, 1);
 
   .rightPanel-background {
     z-index: 20000;