fix: 移动端适配样式调整
This commit is contained in:
@@ -312,7 +312,7 @@ document.addEventListener('visibilitychange', function () {
|
|||||||
<template #footerRender="{ width }">
|
<template #footerRender="{ width }">
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="footer-fixed" :style="{ width }">
|
<div class="footer-fixed" :style="{ width }">
|
||||||
<div>
|
<div style="flex: 1;">
|
||||||
<span>{{ appStore.copyright }}</span>
|
<span>{{ appStore.copyright }}</span>
|
||||||
</div>
|
</div>
|
||||||
<a-space direction="horizontal" :size="8">
|
<a-space direction="horizontal" :size="8">
|
||||||
@@ -364,7 +364,7 @@ document.addEventListener('visibilitychange', function () {
|
|||||||
.footer {
|
.footer {
|
||||||
z-index: 16;
|
z-index: 16;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin-top: 52px;
|
margin-top: 52px;
|
||||||
&-fixed {
|
&-fixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -379,6 +379,7 @@ document.addEventListener('visibilitychange', function () {
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
box-shadow: 0 1px 4px #0015291f;
|
box-shadow: 0 1px 4px #0015291f;
|
||||||
transition: background 0.3s, width 0.2s;
|
transition: background 0.3s, width 0.2s;
|
||||||
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
& #serverTimeDom {
|
& #serverTimeDom {
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ import useI18n from '@/hooks/useI18n';
|
|||||||
import useAppStore from '@/store/modules/app';
|
import useAppStore from '@/store/modules/app';
|
||||||
import useUserStore from '@/store/modules/user';
|
import useUserStore from '@/store/modules/user';
|
||||||
import useAlarmStore from '@/store/modules/alarm';
|
import useAlarmStore from '@/store/modules/alarm';
|
||||||
import { sessionGet } from '@/utils/cache-session-utils';
|
|
||||||
const { isFullscreen, toggle } = useFullscreen();
|
const { isFullscreen, toggle } = useFullscreen();
|
||||||
const { t, changeLocale, optionsLocale } = useI18n();
|
const { t, changeLocale, optionsLocale } = useI18n();
|
||||||
const userStore = useUserStore();
|
const userStore = useUserStore();
|
||||||
|
|||||||
@@ -1133,7 +1133,7 @@ onMounted(() => {
|
|||||||
<template>
|
<template>
|
||||||
<PageContainer>
|
<PageContainer>
|
||||||
<a-row :gutter="16">
|
<a-row :gutter="16">
|
||||||
<a-col :span="6">
|
<a-col :lg="6" :md="6" :xs="24" style="margin-bottom: 24px">
|
||||||
<!-- 网元类型 -->
|
<!-- 网元类型 -->
|
||||||
<a-card
|
<a-card
|
||||||
size="small"
|
size="small"
|
||||||
@@ -1161,7 +1161,7 @@ onMounted(() => {
|
|||||||
</a-form>
|
</a-form>
|
||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="18">
|
<a-col :lg="18" :md="18" :xs="24">
|
||||||
<a-card
|
<a-card
|
||||||
size="small"
|
size="small"
|
||||||
:bordered="false"
|
:bordered="false"
|
||||||
|
|||||||
@@ -67,6 +67,11 @@ function fnTreeSelect(_: any, info: any) {
|
|||||||
state.autoCompleteValue =
|
state.autoCompleteValue =
|
||||||
`${state.mmlSelect.operation} ${state.mmlSelect.object}`.trim();
|
`${state.mmlSelect.operation} ${state.mmlSelect.object}`.trim();
|
||||||
// state.mmlCmdLog = '';
|
// state.mmlCmdLog = '';
|
||||||
|
// 回到顶部
|
||||||
|
window.scrollTo({
|
||||||
|
top: 0,
|
||||||
|
behavior: 'smooth', // 平滑滚动到顶部,如果不需要平滑效果可以将此行代码删除
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**清空控制台日志 */
|
/**清空控制台日志 */
|
||||||
@@ -496,7 +501,7 @@ onMounted(() => {
|
|||||||
<template>
|
<template>
|
||||||
<PageContainer>
|
<PageContainer>
|
||||||
<a-row :gutter="16">
|
<a-row :gutter="16">
|
||||||
<a-col :span="6">
|
<a-col :lg="6" :md="6" :xs="24" style="margin-bottom: 24px">
|
||||||
<!-- 命令导航 -->
|
<!-- 命令导航 -->
|
||||||
<a-card
|
<a-card
|
||||||
size="small"
|
size="small"
|
||||||
@@ -524,7 +529,7 @@ onMounted(() => {
|
|||||||
</a-form>
|
</a-form>
|
||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="18">
|
<a-col :lg="18" :md="18" :xs="24">
|
||||||
<!-- 命令参数输入 -->
|
<!-- 命令参数输入 -->
|
||||||
<a-card size="small" :bordered="false">
|
<a-card size="small" :bordered="false">
|
||||||
<template #title>
|
<template #title>
|
||||||
|
|||||||
@@ -63,6 +63,11 @@ function fnTreeSelect(_: any, info: any) {
|
|||||||
state.autoCompleteValue =
|
state.autoCompleteValue =
|
||||||
`${state.mmlSelect.operation} ${state.mmlSelect.object}`.trim();
|
`${state.mmlSelect.operation} ${state.mmlSelect.object}`.trim();
|
||||||
// state.mmlCmdLog = '';
|
// state.mmlCmdLog = '';
|
||||||
|
// 回到顶部
|
||||||
|
window.scrollTo({
|
||||||
|
top: 0,
|
||||||
|
behavior: 'smooth', // 平滑滚动到顶部,如果不需要平滑效果可以将此行代码删除
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**清空控制台日志 */
|
/**清空控制台日志 */
|
||||||
@@ -156,8 +161,8 @@ function fnSendMML() {
|
|||||||
for (let i = 0; i < resultArr.length; i++) {
|
for (let i = 0; i < resultArr.length; i++) {
|
||||||
const str = resultArr[i];
|
const str = resultArr[i];
|
||||||
const logStr = str.replace(/(\r\n|\n)/g, '\n');
|
const logStr = str.replace(/(\r\n|\n)/g, '\n');
|
||||||
const cmdStr = cmdArr[i]
|
const cmdStr = cmdArr[i];
|
||||||
state.mmlCmdLog += `${cmdStr}\n${logStr}\n`;
|
state.mmlCmdLog += `${cmdStr}\n${logStr}\n`;
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
state.mmlCmdLog += `${res.msg}\n`;
|
state.mmlCmdLog += `${res.msg}\n`;
|
||||||
@@ -466,7 +471,7 @@ onMounted(() => {
|
|||||||
<template>
|
<template>
|
||||||
<PageContainer>
|
<PageContainer>
|
||||||
<a-row :gutter="16">
|
<a-row :gutter="16">
|
||||||
<a-col :span="6">
|
<a-col :lg="6" :md="6" :xs="24" style="margin-bottom: 24px">
|
||||||
<!-- 命令导航 -->
|
<!-- 命令导航 -->
|
||||||
<a-card
|
<a-card
|
||||||
size="small"
|
size="small"
|
||||||
@@ -492,7 +497,7 @@ onMounted(() => {
|
|||||||
</a-form>
|
</a-form>
|
||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="18">
|
<a-col :lg="18" :md="18" :xs="24">
|
||||||
<!-- 命令参数输入 -->
|
<!-- 命令参数输入 -->
|
||||||
<a-card size="small" :bordered="false">
|
<a-card size="small" :bordered="false">
|
||||||
<template #title>
|
<template #title>
|
||||||
|
|||||||
@@ -63,6 +63,11 @@ function fnTreeSelect(_: any, info: any) {
|
|||||||
state.autoCompleteValue =
|
state.autoCompleteValue =
|
||||||
`${state.mmlSelect.operation} ${state.mmlSelect.object}`.trim();
|
`${state.mmlSelect.operation} ${state.mmlSelect.object}`.trim();
|
||||||
// state.mmlCmdLog = '';
|
// state.mmlCmdLog = '';
|
||||||
|
// 回到顶部
|
||||||
|
window.scrollTo({
|
||||||
|
top: 0,
|
||||||
|
behavior: 'smooth', // 平滑滚动到顶部,如果不需要平滑效果可以将此行代码删除
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**清空控制台日志 */
|
/**清空控制台日志 */
|
||||||
@@ -471,7 +476,7 @@ onMounted(() => {
|
|||||||
<template>
|
<template>
|
||||||
<PageContainer>
|
<PageContainer>
|
||||||
<a-row :gutter="16">
|
<a-row :gutter="16">
|
||||||
<a-col :span="6">
|
<a-col :lg="6" :md="6" :xs="24" style="margin-bottom: 24px">
|
||||||
<!-- 命令导航 -->
|
<!-- 命令导航 -->
|
||||||
<a-card
|
<a-card
|
||||||
size="small"
|
size="small"
|
||||||
@@ -497,7 +502,7 @@ onMounted(() => {
|
|||||||
</a-form>
|
</a-form>
|
||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="18">
|
<a-col :lg="18" :md="18" :xs="24">
|
||||||
<!-- 命令参数输入 -->
|
<!-- 命令参数输入 -->
|
||||||
<a-card size="small" :bordered="false">
|
<a-card size="small" :bordered="false">
|
||||||
<template #title>
|
<template #title>
|
||||||
|
|||||||
Reference in New Issue
Block a user