fix: 移动端适配样式调整

This commit is contained in:
TsMask
2023-12-12 19:30:44 +08:00
parent cd53fab1f9
commit fe81a2d924
6 changed files with 28 additions and 13 deletions

View File

@@ -312,7 +312,7 @@ document.addEventListener('visibilitychange', function () {
<template #footerRender="{ width }">
<footer class="footer">
<div class="footer-fixed" :style="{ width }">
<div>
<div style="flex: 1;">
<span>{{ appStore.copyright }}</span>
</div>
<a-space direction="horizontal" :size="8">
@@ -364,7 +364,7 @@ document.addEventListener('visibilitychange', function () {
.footer {
z-index: 16;
margin: 0px;
width: auto;
width: auto;
margin-top: 52px;
&-fixed {
position: fixed;
@@ -379,6 +379,7 @@ document.addEventListener('visibilitychange', function () {
background: #fff;
box-shadow: 0 1px 4px #0015291f;
transition: background 0.3s, width 0.2s;
height: 32px;
}
& #serverTimeDom {

View File

@@ -6,7 +6,6 @@ import useI18n from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import useUserStore from '@/store/modules/user';
import useAlarmStore from '@/store/modules/alarm';
import { sessionGet } from '@/utils/cache-session-utils';
const { isFullscreen, toggle } = useFullscreen();
const { t, changeLocale, optionsLocale } = useI18n();
const userStore = useUserStore();

View File

@@ -1133,7 +1133,7 @@ onMounted(() => {
<template>
<PageContainer>
<a-row :gutter="16">
<a-col :span="6">
<a-col :lg="6" :md="6" :xs="24" style="margin-bottom: 24px">
<!-- 网元类型 -->
<a-card
size="small"
@@ -1161,7 +1161,7 @@ onMounted(() => {
</a-form>
</a-card>
</a-col>
<a-col :span="18">
<a-col :lg="18" :md="18" :xs="24">
<a-card
size="small"
:bordered="false"

View File

@@ -67,6 +67,11 @@ function fnTreeSelect(_: any, info: any) {
state.autoCompleteValue =
`${state.mmlSelect.operation} ${state.mmlSelect.object}`.trim();
// state.mmlCmdLog = '';
// 回到顶部
window.scrollTo({
top: 0,
behavior: 'smooth', // 平滑滚动到顶部,如果不需要平滑效果可以将此行代码删除
});
}
/**清空控制台日志 */
@@ -496,7 +501,7 @@ onMounted(() => {
<template>
<PageContainer>
<a-row :gutter="16">
<a-col :span="6">
<a-col :lg="6" :md="6" :xs="24" style="margin-bottom: 24px">
<!-- 命令导航 -->
<a-card
size="small"
@@ -524,7 +529,7 @@ onMounted(() => {
</a-form>
</a-card>
</a-col>
<a-col :span="18">
<a-col :lg="18" :md="18" :xs="24">
<!-- 命令参数输入 -->
<a-card size="small" :bordered="false">
<template #title>

View File

@@ -63,6 +63,11 @@ function fnTreeSelect(_: any, info: any) {
state.autoCompleteValue =
`${state.mmlSelect.operation} ${state.mmlSelect.object}`.trim();
// state.mmlCmdLog = '';
// 回到顶部
window.scrollTo({
top: 0,
behavior: 'smooth', // 平滑滚动到顶部,如果不需要平滑效果可以将此行代码删除
});
}
/**清空控制台日志 */
@@ -156,8 +161,8 @@ function fnSendMML() {
for (let i = 0; i < resultArr.length; i++) {
const str = resultArr[i];
const logStr = str.replace(/(\r\n|\n)/g, '\n');
const cmdStr = cmdArr[i]
state.mmlCmdLog += `${cmdStr}\n${logStr}\n`;
const cmdStr = cmdArr[i];
state.mmlCmdLog += `${cmdStr}\n${logStr}\n`;
}
} else {
state.mmlCmdLog += `${res.msg}\n`;
@@ -466,7 +471,7 @@ onMounted(() => {
<template>
<PageContainer>
<a-row :gutter="16">
<a-col :span="6">
<a-col :lg="6" :md="6" :xs="24" style="margin-bottom: 24px">
<!-- 命令导航 -->
<a-card
size="small"
@@ -492,7 +497,7 @@ onMounted(() => {
</a-form>
</a-card>
</a-col>
<a-col :span="18">
<a-col :lg="18" :md="18" :xs="24">
<!-- 命令参数输入 -->
<a-card size="small" :bordered="false">
<template #title>

View File

@@ -63,6 +63,11 @@ function fnTreeSelect(_: any, info: any) {
state.autoCompleteValue =
`${state.mmlSelect.operation} ${state.mmlSelect.object}`.trim();
// state.mmlCmdLog = '';
// 回到顶部
window.scrollTo({
top: 0,
behavior: 'smooth', // 平滑滚动到顶部,如果不需要平滑效果可以将此行代码删除
});
}
/**清空控制台日志 */
@@ -471,7 +476,7 @@ onMounted(() => {
<template>
<PageContainer>
<a-row :gutter="16">
<a-col :span="6">
<a-col :lg="6" :md="6" :xs="24" style="margin-bottom: 24px">
<!-- 命令导航 -->
<a-card
size="small"
@@ -497,7 +502,7 @@ onMounted(() => {
</a-form>
</a-card>
</a-col>
<a-col :span="18">
<a-col :lg="18" :md="18" :xs="24">
<!-- 命令参数输入 -->
<a-card size="small" :bordered="false">
<template #title>