zydx-plus 1.33.397 → 1.33.398

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.33.397",
+  "version": "1.33.398",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

package/src/components/editor/src/editor.vue

@@ -116,10 +116,10 @@
         <img :src="menusData('signMenu')?.ico" alt=""/>
         <span>{{ menusData('signMenu')?.text }}</span>
       </div>
-      <!--      ,width: wit + 'px'-->
-      <div v-for="(item,index) in htmlArr" :key="index" :style="{height: wit * 1.6 + 'px'}"
+      <!--      ,width: wit + 'px' :style="{height: wit * 1.6 + 'px'}"-->
+      <div v-for="(item,index) in htmlArr" :key="index"
            class="read-only-page" @click="menusTap">
-        <div :style="{width: wit + 'px',margin:'0 auto'}" class="read-only-p" v-html="item"></div>
+        <div :style="{margin:'0 auto'}" class="read-only-p" v-html="item"></div>
         <div class="read-only-a">{{ index + 1 }}/{{ htmlArr.length }}</div>
       </div>
     </div>
@@ -2064,7 +2064,7 @@ export default {
       this.$nextTick(() => {
         this.htmlArr = []
         const data = document.querySelectorAll('.editing-cont')[0].childNodes[0].childNodes
-        this.wit = document.getElementsByClassName('editor-content')[0].offsetWidth + 20
+        this.wit = document.getElementsByClassName('read-only')[0].offsetWidth + 20
         if (this.wit > 900) this.wit = 900
         let max = this.wit * 1.6 - 46
         let pHeight = 0
@@ -4001,7 +4001,7 @@ export default {
 
 .read-only-page {
   width: 100%;
-  padding: 120px 0 66px 0;
+  padding: 120px 15% 66px;
   background-color: #fff;
   box-sizing: border-box;
   position: relative;

package/src/components/tagging/src/tagging.css

@@ -78,6 +78,7 @@
     border-radius: 3px;
     background-color: #fff;
     width: 150px;
+    overflow: hidden;
 }
 .right-menu>span{
     display: inline-block;
@@ -87,6 +88,7 @@
     cursor: pointer;
     width: 100%;
     padding: 0 10px;
+    box-sizing: border-box;
 }
 .right-menu>span:hover{
     background-color: #e8e8e8;

package/src/components/tagging/src/tagging.vue

@@ -339,8 +339,8 @@ export default {
             const className = document.getElementsByClassName('annotation-list')
             const className2 = document.getElementsByClassName(`${id}s`)
             const className3 = document.getElementsByClassName('custom-underline')
-            this.classGuidance(className3,'1px dashed #FF0000')
-            this.classGuidance(className2,'1px solid #FF0000')
+            this.classGuidance(className3,'1px dashed #FF0000',false)
+            this.classGuidance(className2,'1px solid #FF0000',true)
             for (let i = 0; i < className.length; i++) {
                 className[i].style.border = '1px solid #ccc'
             }
@@ -393,9 +393,10 @@ export default {
             }
             return width * fontSize / 10;
         },
-        classGuidance(name,state) {
+        classGuidance(name,state,back) {
             for (let i = 0; i < name.length; i++) {
                 name[i].style.borderBottom = state
+                name[i].style.backgroundColor = back?'rgba(0,0,0,0.2)':'rgba(0,0,0,0.1)'
             }
         },
         classBackDel(name) {

package/src/index.js

@@ -83,7 +83,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.33.397',
+    version: '1.33.398',
     install,
     Calendar,
     Message,