mirror of
https://github.com/MCSManager/MCSManager.git
synced 2025-01-30 15:19:32 +08:00
优化 网页细节问题
This commit is contained in:
parent
e768ca28bc
commit
b24c2bdaa5
@ -253,6 +253,7 @@
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
/* 控制台的手机设定 */
|
||||
|
||||
@media (max-width:760px) {
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -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 () {
|
||||
|
@ -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">
|
||||
|
@ -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>
|
||||
|
@ -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 () {
|
||||
|
Loading…
Reference in New Issue
Block a user