1.系统设置按钮放到右上角下拉位置

loulijun2021

2023-06-24 d36b601e3daebd7406a9fa3e9204ce9df3c2c68a

 src/components/RightPanel/index.vue

@@ -2,9 +2,9 @@
  <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">
        <i :class="show?'el-icon-close':'el-icon-setting'" />
      </div>
      <!--      <div class="handle-button" :style="{'top':buttonTop+'px','background-color':theme}" @click="show=!show">-->
      <!--        <i :class="show?'el-icon-close':'el-icon-setting'" />-->
      <!--      </div>-->
      <div class="rightPanel-items">
        <slot />
      </div>
@@ -38,16 +38,16 @@
    }
  },
  watch: {
    show(value) {
      if (value && !this.clickNotClose) {
        this.addEventClick()
      }
      // if (value) {
      //   addClass(document.body, 'showRightPanel')
      // } else {
      //   removeClass(document.body, 'showRightPanel')
      // }
    }
    // show(value) {
    //   if (value && !this.clickNotClose) {
    //     this.addEventClick()
    //   }
    //   // if (value) {
    //   //   addClass(document.body, 'showRightPanel')
    //   // } else {
    //   //   removeClass(document.body, 'showRightPanel')
    //   // }
    // }
  },
  mounted() {
    this.insertToBody()