gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 调整动态分辨率写法和断点

Browse Source
This commit is contained in:
chenjinsong
2022-04-27 16:18:29 +08:00
parent 4d0406325d
commit 27656d5eb9
6 changed files with 34 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/charts/PanelChartList.vue
View File

@@ -156,17 +156,14 @@ export default {
}, 100)
},
chartHeightData (e) {
if (e.currentTarget.innerWidth < 1280) {
const width = e.currentTarget.innerWidth
if (width < 1440) {
this.rowHeight = 25
} else if (e.currentTarget.innerWidth >= 1280 && e.currentTarget.innerWidth <= 1440) {
this.rowHeight = 25
} else if (e.currentTarget.innerWidth >= 1440 && e.currentTarget.innerWidth < 1920) {
} else if (width >= 1440 && width < 1920) {
this.rowHeight = 32.5
} else if (e.currentTarget.innerWidth >= 1920 && e.currentTarget.innerWidth <= 2048) {
} else if (width >= 1920 && width < 2560) {
this.rowHeight = 40
} else if (e.currentTarget.innerWidth >= 2048 && e.currentTarget.innerWidth <= 2560) {
this.rowHeight = 55
} else if (e.currentTarget.innerWidth > 2560) {
} else {
this.rowHeight = 55
}
}
@@ -191,19 +188,15 @@ export default {
},
setup (props) {
const { currentRoute } = useRouter()
const htmlHeight = document.getElementsByTagName('html')[0].clientWidth
const clientWidth = document.getElementsByTagName('html')[0].clientWidth
const rowHeight = ref(0)
if (htmlHeight < 1280) {
if (clientWidth < 1440) {
rowHeight.value = 25
} else if (htmlHeight >= 1280 && htmlHeight <= 1440) {
rowHeight.value = 25
} else if (htmlHeight >= 1440 && htmlHeight < 1920) {
} else if (clientWidth >= 1440 && clientWidth < 1920) {
rowHeight.value = 32.5
} else if (htmlHeight >= 1920 && htmlHeight <= 2048) {
} else if (clientWidth >= 1920 && clientWidth < 2560) {
rowHeight.value = 40
} else if (htmlHeight >= 2048 && htmlHeight <= 2560) {
rowHeight.value = 55
} else if (htmlHeight > 2560) {
} else {
rowHeight.value = 55
}
return {

2
src/views/charts/charts/tools.js
View File

@@ -337,7 +337,7 @@ export function axisFormatter (params) {
return str
}
export function tooLongFormatter (name) {
return format.truncateText(name, 110, '12')
return format.truncateText(name, 110, '12px')
}
export function timeHorizontalFormatter (params) {
let str = '<div>'