diff --git a/src/assets/images/dashboard/bg.jpg b/src/assets/images/dashboard/bg.jpg new file mode 100644 index 0000000..1ffc458 Binary files /dev/null and b/src/assets/images/dashboard/bg.jpg differ diff --git a/src/assets/images/dashboard/bg.png b/src/assets/images/dashboard/bg.png new file mode 100644 index 0000000..6a483b4 Binary files /dev/null and b/src/assets/images/dashboard/bg.png differ diff --git a/src/views/dashboard/main.vue b/src/views/dashboard/main.vue index 5ede6b3..d2c7e73 100644 --- a/src/views/dashboard/main.vue +++ b/src/views/dashboard/main.vue @@ -73,7 +73,7 @@ export default defineComponent({ const { generateSvg2Dom } = toolHooks(); const state = reactive({ - opt: { scale: 0.8 }, + opt: { scale: 1 }, dragStretch: null, toolTipData: {}, timer: null, @@ -354,14 +354,15 @@ export default defineComponent({ const getSvg = () => { 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); - // document.getElementById("layer-d-animate").innerHTML = ''; - }); - }); + init(state, target); + // generateSvg2Dom('/cdn/normal_bg.svg', target, () => { + // target.style.transform = 'scale(0.7)'; + + // nextTick(() => { + // init(state, target); + // // document.getElementById("layer-d-animate").innerHTML = ''; + // }); + // }); }; onMounted(() => { @@ -470,7 +471,8 @@ export default defineComponent({ width: 1920px; height: 1080px; 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%); /* 初始阴影设置(透明) */ &::before { @@ -520,7 +522,7 @@ export default defineComponent({ > * { margin: 0 40px; - background: rgba(#000b31, 0.7); + background-color: rgba(#000b31, 0.7); } }