优化 网页细节问题

This commit is contained in:
Suwings 2020-01-29 12:06:48 +08:00
parent e768ca28bc
commit b24c2bdaa5
6 changed files with 30 additions and 16 deletions

View File

@ -253,6 +253,7 @@
font-weight: 500;
}
/* 控制台的手机设定 */
@media (max-width:760px) {

View File

@ -292,7 +292,7 @@ input {
position: fixed;
right: 30px;
bottom: 48px;
bottom: 38px;
height: 48px;
width: 48px;
@ -308,20 +308,21 @@ input {
box-shadow: 0px 0px 12px rgba(54, 52, 52, 0.39);
}
@media (max-width:800px) {
#HeaderInfo {
display: none;
}
.PhoneDisplayNone {
display: none;
width: 1px;
height: 1px;
max-width: 1px;
max-height: 1px;
width: 0x;
height: 0px;
max-width: 0px;
max-height: 0px;
/* opacity: 0; */
position: fixed;
top: 0px;
left: 0px;
top: -100px;
left: -100px;
z-index: -1;
}
#SidebarButton{
@ -334,6 +335,11 @@ input {
#SideCol{
box-shadow: 8px 0px 32px rgba(54, 52, 52, 0.452);
}
.GenhomeButton{
float: none;
text-align: center;
display: block;
}
}

View File

@ -147,6 +147,7 @@
<!-- 黑屏 HTML -->
<div id="balckWarp" onclick="TOOLS.popWindClose(null);"></div>
<!-- 手机端导航球 -->
<div id="SidebarButton" v-on:click="operate()">
<div class="SidebarButtonWapper">
<span class="glyphicon " :class="!isExpand?'glyphicon-th-list':'glyphicon-list'" aria-hidden="true"></span>
@ -179,8 +180,12 @@
<script type="text/javascript" src="common/js/chart.js"></script>
<script>
// 网络加载判断
if (!window.$) alert('[文件加载失败] 网络不通畅,请检查您的网络状态!');
// // 动态背景色,稍后会继续改变
// $('body').css('background-color', 'rgb(243, 243, 243);');
MCSERVER.website = {};
$(function () {

View File

@ -50,7 +50,7 @@
<div class="Panel " :class="serverData.autoRestart?'PanelGreen':'PanelGray'">
<div class="PanelTitle">崩溃监视与配置</div>
<div class="PanelBody">
<div class="PanelItem" v-on:click="toProperties()" v-if="!serverData.autoRestart">
<div class="PanelItem" v-on:click="toProperties()">
<span class="glyphicon glyphicon-cog" aria-hidden="true"> </span> Server.properties 配置文件
</div>
<transition name="slide-fade">

View File

@ -31,11 +31,10 @@
<span style='color:#03ea0a;'>[ SYSTEM ]</span> MCSM Console...
<br />
</div>
<div class="" style="border-top: 1px solid #585858;">
<div class="TerminalCommandWapper">
<input id='TerminalCommand' @keyup.up="toCommandhi(1)" @keyup.down="toCommandhi(-1)" @keyup.enter="toCommand"
v-model="command" type="text" class="TerminalCommand"
placeholder="[命令输入框] 按下 ↑ 或 ↓ 可以查看本地命令记录,输入 help 或 ? 可以查看帮助信息,回车执行命令." aria-describedby="sizing-addon3"
autocomplete="off">
v-model="command" type="text" class="TerminalCommand" placeholder="[命令输入框] 请输入您要执行的命令..."
aria-describedby="sizing-addon3" autocomplete="off">
</div>
</div>
</div>

View File

@ -66,8 +66,9 @@
<div class="col-md-7">
<div class="PanelItemInfo">
<h4>
<span v-text="item.serverName"></span> |
<span v-text="item.jarName || '未设置'"></span>
<p>{{item.serverName}}</p>
<p v-text="'端:' + item.jarName || '未设置'"></p>
</h4> 状态:
<span v-if="item.run" class="color-green"> 正在运行 </span>
<span v-else="item.run" class="color-red"> 关闭 </span>
@ -79,8 +80,8 @@
</div>
</div>
<div class="col-md-5 NextCol">
<div class="PanelItemMuem">
<button class="btn btn-info" v-on:click="toConsole(item.serverName)">
<div class="PanelItemMuem GenhomeButton">
<button class="btn btn-info " v-on:click="toConsole(item.serverName)">
控制 | 管理
</button>
</div>
@ -95,6 +96,8 @@
</div>
</div>
<!--js-->
<script>
MI.rListener('onload', function () {