imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: map with transparent default bg

Browse Source
This commit is contained in:
Cindy Chang
2024-08-15 13:46:33 +08:00
parent fb335f996d
commit 9a7442b4ef
7 changed files with 63 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/Discover/Map/Map.vue
View File

@@ -67,6 +67,10 @@ import SidebarView from '@/components/Discover/Map/SidebarView.vue';
import SidebarState from '@/components/Discover/Map/SidebarState.vue';
import SidebarTraces from '@/components/Discover/Map/SidebarTraces.vue';
import SidebarFilter from '@/components/Discover/Map/SidebarFilter.vue';
import ImgCapsule1 from '@/assets/capsule1.svg';
import ImgCapsule2 from '@/assets/capsule2.svg';
import ImgCapsule3 from '@/assets/capsule3.svg';
import ImgCapsule4 from '@/assets/capsule4.svg';
export default {
setup() {
@@ -335,21 +339,23 @@ export default {
break;
// add type of 'activity' node
default:
mapData.nodes.push({
data:{
id:node.id,
type:node.type,
label:node.label,
height: 48,
width: 216,
backgroundColor:'#FFFFFF',
bordercolor:'#64748B',
radius: '999px',
shape:"round-rectangle",
freq:node.freq,
duration:node.duration,
}
})
mapData.nodes.push({
data:{
id:node.id,
type:node.type,
label:node.label,
height: 48,
width: 216,
backgroundColor:'rgba(0, 0, 0, 0)',
borderradius: 999,
shape:"round-rectangle",
freq:node.freq,
duration:node.duration,
nodeImageUrl: ImgCapsule1,
backgroundOpacity: 0,
borderOpacity: 0,
}
})
break;
}
});