diff --git a/src/assets/images/osPage/svgB.png b/src/assets/images/osPage/svgB.png index 579e28c..5f981f9 100644 Binary files a/src/assets/images/osPage/svgB.png and b/src/assets/images/osPage/svgB.png differ diff --git a/src/assets/json/OpticalStorageSVG.js b/src/assets/json/OpticalStorageSVG.js index adc7c76..adcd5ef 100644 --- a/src/assets/json/OpticalStorageSVG.js +++ b/src/assets/json/OpticalStorageSVG.js @@ -1,17 +1,22 @@ export default ` - - + + + + + + + @@ -20,9 +25,9 @@ export default ` - + - + @@ -31,30 +36,29 @@ export default ` - - + + + - - - - + + + + - - @@ -63,13 +67,10 @@ export default ` - - - - + + + - - @@ -79,6 +80,7 @@ export default ` + diff --git a/src/views/pages/OpticalStoragePage/index.vue b/src/views/pages/OpticalStoragePage/index.vue index a3e650e..291672a 100644 --- a/src/views/pages/OpticalStoragePage/index.vue +++ b/src/views/pages/OpticalStoragePage/index.vue @@ -1765,8 +1765,8 @@ let handleAnimate = async (result: any) => { let data = Lineitem let x = (Number(polyineArray[polyineArray.length - 1][0]) + Number(polyineArray[0][0])) / 2 let y = (Number(polyineArray[polyineArray.length - 1][1]) + Number(polyineArray[0][1])) / 2 - let line = '' - let text = '' + let line + let text //只要线路上有sec_id 就显示线路上的文字 p q v i 参数 if (data['sec_id']) { // 引出线 @@ -1787,10 +1787,12 @@ let handleAnimate = async (result: any) => { y: y + 5, id: 'load_text' + data.psrId, 'font-size': '1', - leading: '0.1', }) .fill('green') - console.log(text, 'texttexttext') + text.node.children[0].setAttribute('dy', '1') + text.node.children[1].setAttribute('dy', '1') + text.node.children[2].setAttribute('dy', '1') + text.node.children[3].setAttribute('dy', '1') } lineDom.add(line) @@ -2766,7 +2768,8 @@ const styleVar = computed(() => { // background: url("@/assets/images/osPage/xixiaozhantp.png") no-repeat; // background: url("@/assets/images/osPage/xuetp.png") no-repeat; background: url('@/assets/images/osPage/svgB.png') no-repeat; - background-size: 100% 100%; + background-size: 80% 100%; + background-position-x: 50%; // background-image: url(".png"); } .box {