Browse Source

feat:苏中药业鸟瞰图替换;

master
YOU 6 months ago
parent
commit
62bad0ae22
  1. BIN
      src/assets/images/dashboard/bg.jpg
  2. BIN
      src/assets/images/dashboard/bg.png
  3. 22
      src/views/dashboard/main.vue

BIN
src/assets/images/dashboard/bg.jpg

After

Width: 1268  |  Height: 713  |  Size: 270 KiB

BIN
src/assets/images/dashboard/bg.png

After

Width: 1268  |  Height: 713  |  Size: 398 KiB

22
src/views/dashboard/main.vue

@ -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);
} }
} }

Loading…
Cancel
Save