chickliu/nazhua
1
0
Fork 0
mirror of https://github.com/hi2shark/nazhua.git synced 2026-01-14 16:20:44 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

🎨 调整移动端的提示框位置和样式

Browse Source
This commit is contained in:
hi2hi 2024-12-13 02:51:36 +00:00
parent 69f7031c0d
commit 825c655185
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/world-map/world-map.vue
View File

@ -190,7 +190,7 @@ const tipsContentStyle = computed(() => {
style.left = `${activeTipsXY.value.x}px`;
style.transform = 'translate(-50%, 20px)';
} else {
style.bottom = '10px';
style.bottom = '4px';
style.left = '50%';
style.transform = 'translate(-50%, 0)';
}
@ -232,11 +232,11 @@ function handlePointTap(e) {
padding: 5px 10px;
border-radius: 5px;
line-height: 20px;
white-space: pre;
color: #eee;
background: rgba(#000, 0.8);
box-shadow: 1px 4px 8px rgba(#303841, 0.4);
z-index: 100;
white-space: pre;
// 向上的尖角
&::before {
@ -250,6 +250,15 @@ function handlePointTap(e) {
border-bottom-color: rgba(#000, 0.8);
transform: translateX(-50%);
}
@media screen and (max-width: 500px) {
line-height: 16px;
font-size: 12px;
&::before {
display: none;
}
}
}
}