style: 移动端布局样式优化

This commit is contained in:
wangjiahao 2021-12-29 18:05:36 +08:00
parent daa03411b2
commit 97d78aca86

View File

@ -40,7 +40,6 @@
<!--手机视图详情--> <!--手机视图详情-->
<el-dialog <el-dialog
:title="'['+showChartInfo.name+']'+$t('chart.chart_details')"
:visible.sync="mobileChartDetailsVisible" :visible.sync="mobileChartDetailsVisible"
:fullscreen="true" :fullscreen="true"
class="mobile-dialog-css" class="mobile-dialog-css"
@ -163,7 +162,7 @@ export default {
} }
if (this.backScreenShot) { if (this.backScreenShot) {
style.height = this.mainHeight style.height = this.mainHeight
} else { } else if (this.terminal === 'pc') {
style.padding = '5px' style.padding = '5px'
} }
return style return style
@ -295,6 +294,7 @@ export default {
openChartDetailsDialog(chartInfo) { openChartDetailsDialog(chartInfo) {
this.showChartInfo = chartInfo.chart this.showChartInfo = chartInfo.chart
this.showChartTableInfo = chartInfo.tableChart this.showChartTableInfo = chartInfo.tableChart
// this.mobileChartDetailsVisible = true
if (this.terminal === 'pc') { if (this.terminal === 'pc') {
this.chartDetailsVisible = true this.chartDetailsVisible = true
} else { } else {
@ -372,5 +372,8 @@ export default {
::v-deep .el-tabs__nav{ ::v-deep .el-tabs__nav{
z-index: 0; z-index: 0;
} }
.mobile-dialog-css ::v-deep .el-dialog__headerbtn{
top: 5px;
}
</style> </style>