|
|
@ -73,7 +73,7 @@ export default defineComponent({ |
|
|
const { generateSvg2Dom } = toolHooks(); |
|
|
const { generateSvg2Dom } = toolHooks(); |
|
|
|
|
|
|
|
|
const state = reactive({ |
|
|
const state = reactive({ |
|
|
opt: { scale: 0.8 }, |
|
|
|
|
|
|
|
|
opt: { scale: 1 }, |
|
|
dragStretch: null, |
|
|
dragStretch: null, |
|
|
toolTipData: {}, |
|
|
toolTipData: {}, |
|
|
timer: null, |
|
|
timer: null, |
|
|
@ -354,14 +354,15 @@ export default defineComponent({ |
|
|
|
|
|
|
|
|
const getSvg = () => { |
|
|
const getSvg = () => { |
|
|
const target = document.querySelector('.boards-container .center') as HTMLElement; |
|
|
const target = document.querySelector('.boards-container .center') as HTMLElement; |
|
|
generateSvg2Dom('/cdn/normal_bg.svg', target, () => { |
|
|
|
|
|
target.style.transform = 'scale(0.7)'; |
|
|
|
|
|
|
|
|
|
|
|
nextTick(() => { |
|
|
|
|
|
init(state, target); |
|
|
init(state, target); |
|
|
// document.getElementById("layer-d-animate").innerHTML = '<animate href="#path23264" attributeName="stroke-dashoffset" dur="15s" to="0" fill="freeze"></animate><animate href="#path23264-3" attributeName="stroke-dashoffset" dur="15s" to="0" fill="freeze"></animate>'; |
|
|
|
|
|
}); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
// generateSvg2Dom('/cdn/normal_bg.svg', target, () => { |
|
|
|
|
|
// target.style.transform = 'scale(0.7)'; |
|
|
|
|
|
|
|
|
|
|
|
// nextTick(() => { |
|
|
|
|
|
// init(state, target); |
|
|
|
|
|
// // document.getElementById("layer-d-animate").innerHTML = '<animate href="#path23264" attributeName="stroke-dashoffset" dur="15s" to="0" fill="freeze"></animate><animate href="#path23264-3" attributeName="stroke-dashoffset" dur="15s" to="0" fill="freeze"></animate>'; |
|
|
|
|
|
// }); |
|
|
|
|
|
// }); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
onMounted(() => { |
|
|
onMounted(() => { |
|
|
@ -470,7 +471,8 @@ export default defineComponent({ |
|
|
width: 1920px; |
|
|
width: 1920px; |
|
|
height: 1080px; |
|
|
height: 1080px; |
|
|
cursor: move; |
|
|
cursor: move; |
|
|
//background: url("@/assets/images/njhl/bg.png"); |
|
|
|
|
|
|
|
|
background: url('@/assets/images/dashboard/bg.png') no-repeat center; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
//transform: translate(-50%, -50%); |
|
|
//transform: translate(-50%, -50%); |
|
|
/* 初始阴影设置(透明) */ |
|
|
/* 初始阴影设置(透明) */ |
|
|
&::before { |
|
|
&::before { |
|
|
@ -520,7 +522,7 @@ export default defineComponent({ |
|
|
|
|
|
|
|
|
> * { |
|
|
> * { |
|
|
margin: 0 40px; |
|
|
margin: 0 40px; |
|
|
background: rgba(#000b31, 0.7); |
|
|
|
|
|
|
|
|
background-color: rgba(#000b31, 0.7); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|