修复vip大小写问题

1

src/constant/instructionList.js

@@ -31,9 +31,9 @@ export const instructionList = {
     CLOSE: { ...TeamBase },
   },
   //
-  '/teamList': '乐团进行中',
-  '/business/buildVip':'新建VIP-乐理课',
-  '/vipManager/vipList':'VIP-乐理课进行中',
+  '/teamList': '新建乐团',
+  '/business/buildVip':'新建vip-乐理课',
+  '/vipManager/vipList':'vip-乐理课进行中',
   '/business/vipDetail':{
     4:'进行中-休学'
   },

src/layout/components/instructions.vue

@@ -18,7 +18,7 @@
       @dragstop="resizestop"
       :preventActiveBehavior="true"
     >
-      <div class="wall"></div>
+      <div class="wall"  ></div>
       <div class="showBtnList">
         <el-popover placement="bottom" trigger="hover">
           <div class="popover-container" style="text-align: center">
@@ -50,7 +50,11 @@
         </el-popover>
         <el-popover placement="bottom" trigger="hover">
           <div class="popover-container" style="text-align: center">关闭</div>
-          <i slot="reference" class="icon el-icon-close" @click="showInstructions"></i>
+          <i
+            slot="reference"
+            class="icon el-icon-close"
+            @click="showInstructions"
+          ></i>
         </el-popover>
 
         <!--  -->
@@ -101,7 +105,7 @@ export default {
       url: "/html/index.html" + "#g=1&p=新建乐团",
       isShow: false,
       w: "",
-      y: 130,
+      y: 135,
       h: "",
       x: "",
       docY: "",
@@ -140,7 +144,7 @@ export default {
         document.documentElement.clientWidth || document.body.clientWidth;
       this.w = 500;
       this.x = clientWidth - (this.w + 10);
-      this.y = 130;
+      this.y = 135;
       this.docY =
         document.documentElement.clientHeight || document.body.clientHeight;
       this.h = this.docY - this.y;
@@ -156,8 +160,18 @@ export default {
     },
 
     onResizing(e) {
+      // console.log(e)
       this.isResizing = true;
+      this.x = e.left
+      this.y = e.top
+      if (e.top < 135) {
+        // console.log('来了')
+        this.y = 135;
+        // document.documentElement.querySelector("#instructions").style.top =
+        //   "135px";
+      }
     },
+
     resetBook() {
       this.isShow = false;
       this.$nextTick((res) => {
@@ -167,7 +181,7 @@ export default {
           document.documentElement.clientHeight || document.body.clientHeight;
         this.w = 500;
         this.h = this.docY - this.y;
-        this.y = 130;
+        this.y = 135;
         this.x = clientWidth - (this.w + 10);
         this.isShow = true;
       });
@@ -180,7 +194,7 @@ export default {
         // document.querySelector('#instructions .content-container').style.width = this.w+'px'
         this.w = bodyEle.clientWidth;
         this.x = 210;
-        this.y = 130;
+        this.y = 135;
         this.isShow = true;
       });
     },
@@ -262,8 +276,7 @@ export default {
     showFullPage() {},
     resetVideo() {},
     gotoIns() {
-
-      let str = this.url.replace('&c=1','')
+      let str = this.url.replace("&c=1", "");
       this.$router.push({
         path: "/instructions/instructions",
         query: { url: str },
@@ -290,7 +303,7 @@ export default {
         this.h == this.docY - this.y &&
         this.w == bodyEle.clientWidth &&
         this.x == 210 &&
-        this.y == 130
+        this.y == 135
       );
     },
     // fullscreenVideo() {
@@ -466,6 +479,6 @@ export default {
 }
 .icon {
   cursor: pointer;
-    color: #707070;
+  color: #707070;
 }
 </style>