279 lines
19 KiB
HTML
279 lines
19 KiB
HTML
<vlayout id="mainLayout" action="move">
|
||
<!-- 标题栏 -->
|
||
<hbox id="titleMain" height="30" margin-top="1" action="title">
|
||
<label margin-left="5" id="userImg" size="35,35" style="background-image: url(res/head.png); border-radius: 20px; border: 2px solid white; "></label>
|
||
<spacer></spacer>
|
||
<!-- 最小化按钮 -->
|
||
<button id="btnMinMain" size="20,20" style="background-color: #F5F5F5; font-size: 25px " text="-"></button>
|
||
<spacer width="4"></spacer>
|
||
<!-- 最大化按钮 -->
|
||
<button id="btnMaxMain" size="20,20" style="background-color: #F5F5F5; font-size: 14px " text="🗖"></button>
|
||
<spacer width="4"></spacer>
|
||
<!-- 退出按钮 -->
|
||
<button id="btnExitMain" size="20,20" style="background-color: #F5F5F5; font-size: 22px " text="×"></button>
|
||
<spacer width="5"></spacer>
|
||
</hbox>
|
||
|
||
<!-- 主界面区 -->
|
||
<hbox id="uiMain" margin-top="5">
|
||
<!-- 侧边栏 -->
|
||
<vlayout id="sideBar" width="40" style="background-color: #F5F5F5;">
|
||
<button class="sideButton" id="btnAdmin" margin-left="5" size="40,40" style="background-color: transparent; border-radius: 30px; font-size: 12px; " text="管理"></button>
|
||
<button class="sideButton" id="btnTools" margin-left="5" size="40,40" style="background-color: transparent; border-radius: 30px; font-size: 12px; " text="工具"></button>
|
||
<spacer></spacer>
|
||
<button class="sideButton" id="btnAbout" margin-left="5" size="40,40" style="background-color: transparent; border-radius: 30px; font-size: 12px; " text="关于"></button>
|
||
</vlayout>
|
||
<!-- 内容区，使用tablayout 选项卡布局-->
|
||
<tablayout id="mainTab" flex="0" style="background-color: #FFFFFF; border-radius: 5px;">
|
||
<!-- 第一个选项卡(管理) 垂直布局 -->
|
||
<vlayout id="mainTabAdmin" padding="10">
|
||
<spacer height="10"></spacer>
|
||
<!-- 第二层横向布局，IP输入框、搜搜框等 -->
|
||
<hlayout id="mainTabAdmin_Hlay" height="30">
|
||
<spacer width="10"></spacer>
|
||
<!-- 连接按钮 -->
|
||
<button id="btnAdminConnect" size="25,25" text="❌" style="color: #FFFFFF; background-color: #FF7774; border-radius: 3px; " />
|
||
<!-- IP输入框 -->
|
||
<textbox class="adminEdit" id="editAdminIP" text="127.0.0.1" margin-left="5" height="30" halign="center" placeholder="服务器地址" width="130" />
|
||
<spacer width="10"></spacer>
|
||
<!-- 测试按钮 -->
|
||
<button class="adminButtons" id="btnAdminTemp" size="60,30" text="测试" />
|
||
<spacer></spacer>
|
||
<!-- 搜索框 -->
|
||
<textbox class="adminEdit" height="30" halign="center" id="editAdminSerch" placeholder="搜索任意内容" width="150" />
|
||
<!-- 搜索按钮 -->
|
||
<button class="adminButtons" margin-left="3" id="btnAdminSerch" size="25,25" text="🔍" style="border-radius: 5px; " />
|
||
<spacer></spacer>
|
||
</hlayout>
|
||
<!-- 第三层垂直布局 表格区域 -->
|
||
<vlayout id="mainTabAdmin_excelArea" margin-left="10px" margin-right="10px" margin-top="10px" style="border: 1px solid #808080; border-radius: 1px;">
|
||
<!-- 表格 -->
|
||
<tableview id="tableViewAdmin" headers="UidKey,IP,许可,本地期限,用户,备注,QQ,机器码,本地MD5,Ani路径集,购买详情,通用,女圣职,女鬼剑,魔枪,守护,暗夜,全职2觉,弓箭,待定1,待定2,待定3,待定4,待定5,待定6,待定7,待定8,待定9" header-height="35" first-column-type="check" first-column-width="40" cell-border-style="solid" cell-border-color="#cccccc" selected-row-back-color="#add8e6" cellfontsize="16"/>
|
||
<!-- 总体为水平布局，分为左右 -->
|
||
<hlayout height="150" style="border: 1px solid #808080; border-radius: 1px;">
|
||
<!-- 左边部分，再次分为上下 -->
|
||
<vlayout padding="5">
|
||
<tilelist padding="5">
|
||
<!-- UidKey -->
|
||
<hlayout size="180,25" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="Key:" width="40"></label>
|
||
<edit class="adminUserEdit" readonly="true" id="adminUserUidKey" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 许可 -->
|
||
<hlayout size="100,25" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="许可:" width="40"></label>
|
||
<!-- <edit class="adminUserEdit" readonly="true" text="默认" id="adminUserLisence" width="auto"></edit> -->
|
||
<select class="adminUserEdit" item="禁止, 默认, 验机" index="0" width="60"></select>
|
||
</hlayout>
|
||
<!-- ip -->
|
||
<hlayout size="155,25" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="IP:" width="40"></label>
|
||
<edit class="adminUserEdit" id="adminUserIP" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 用户 -->
|
||
<hlayout size="155,25" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="用户:" width="40"></label>
|
||
<edit class="adminUserEdit" id="adminUserName" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 备注 -->
|
||
<hlayout size="155,25" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="备注:" width="40"></label>
|
||
<edit class="adminUserEdit" id="adminUserRemark" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 机器码 -->
|
||
<hlayout size="250,25" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="机器码:" width="40"></label>
|
||
<edit class="adminUserEdit" id="adminUserMac" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 文件MD5 -->
|
||
<hlayout size="230,25" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="MD5:" width="40"></label>
|
||
<edit class="adminUserEdit" id="adminUserMD5" width="auto"></edit>
|
||
</hlayout>
|
||
</tilelist>
|
||
<!-- 总体为水平布局，左边还有个上下布局 -->
|
||
<hlayout>
|
||
<!-- 购买详情 -->
|
||
<hlayout height="auto" width="130" padding="5" margin-left="5" margin-right="10" margin-top="5" margin-bottom="10">
|
||
<label class="adminUserLable" text="购买:" width="40"></label>
|
||
<edit multiline="true" id="adminUserPurchased" width="auto" style="border: 1px solid #808080; border-radius: 2px; font-size: 10px; "></edit>
|
||
</hlayout>
|
||
<!-- QQ -->
|
||
<hlayout height="auto" width="130" padding="5" margin-left="5" margin-right="10" margin-top="5" margin-bottom="10">
|
||
<label class="adminUserLable" text="QQ:" width="40"></label>
|
||
<edit multiline="true" id="adminUserQQ" width="auto" style="border: 1px solid #808080; border-radius: 2px; font-size: 10px; "></edit>
|
||
</hlayout>
|
||
<!-- ani路径集 -->
|
||
<hlayout height="auto" padding="5" margin-left="5" margin-right="10" margin-top="5" margin-bottom="10">
|
||
<label class="adminUserLable" text="ani路径集:" width="80"></label>
|
||
<edit multiline="true" class="adminUserEdit" id="adminUserPaths" width="auto"></edit>
|
||
</hlayout>
|
||
</hlayout>
|
||
</vlayout>
|
||
<!-- 右边部分，流式布局，子布局需要指定宽高 -->
|
||
<tilelist padding="5" style="border: 1px solid #808080; border-radius: 1px;">
|
||
<!-- 本地dnfdev.bin使用期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="本地期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserFileTime" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 基础功能期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="基础期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserCommonTime" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 女圣职期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="女圣期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserATPriestTime" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 女鬼剑期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="女鬼期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserATSwordmanTime" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 魔枪期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="魔枪期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserDemoniclancerTime" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 守护期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="守护期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserKnightTime" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 弓箭期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="弓箭期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserArcherTime" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 暗夜期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="暗夜期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserThiefTime" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 全职2觉期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="二觉期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserSkill2ndTime" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 待定1期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="待定1期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserTemp1Time" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 待定2期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="待定2期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserTemp2Time" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 待定3期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="待定3期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserTemp3Time" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 待定4期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="待定4期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserTemp4Time" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 待定5期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="待定5期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserTemp5Time" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 待定6期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="待定6期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserTemp6Time" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 待定7期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="待定7期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserTemp7Time" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 待定8期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="待定8期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserTemp8Time" width="auto"></edit>
|
||
</hlayout>
|
||
<!-- 待定9期限 -->
|
||
<hlayout size="160,30" padding="5" margin-left="5" margin-right="5" margin-top="5" margin-bottom="5">
|
||
<label class="adminUserLable" text="待定9期限:" width="70"></label>
|
||
<edit class="adminUserEdit" id="adminUserTemp9Time" width="auto"></edit>
|
||
</hlayout>
|
||
</tilelist>
|
||
</hlayout>
|
||
</vlayout>
|
||
<!-- 第四 输出框区域 -->
|
||
<textbox id="textAdminOutput" padding="5,5" margin-left="10px" valign="top" halign="left" readonly="true" multiline="true" margin-right="10px" margin-bottom="15px" height="100" style="border: 1px solid #808080; border-radius: 2px; font-size: 12px; background-color: #FAFAFA; " text=""></textbox>
|
||
</vlayout>
|
||
<!-- 第二个选项卡 垂直布局 -->
|
||
<vlayout id="mainTabTools" title="设置" padding="10">
|
||
<label text="这是工具页面"></label>
|
||
</vlayout>
|
||
</tablayout>
|
||
</hbox>
|
||
</vlayout>
|
||
|
||
<style>
|
||
#mainLayout {
|
||
background-color: #F5F5F5;
|
||
border-radius: 5px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
/*侧边栏按钮：鼠标悬浮时候的外观*/
|
||
.sideButton:hover {
|
||
background-color: #FFFFFF;
|
||
}
|
||
/*侧边栏按钮：激活时候的外观*/
|
||
.sideButton:active {
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
/*连接按钮：鼠标悬浮时候的外观*/
|
||
#btnAdminConnect:hover {
|
||
background-color: #29CE86;
|
||
}
|
||
/*连接按钮：激活时候的外观*/
|
||
#btnAdminConnect:active {
|
||
background-color: #31D690;
|
||
}
|
||
|
||
/*业务区域按钮*/
|
||
.adminButtons {
|
||
color: #FFFFFF;
|
||
background-color: #00B96B;
|
||
border-radius: 5px;
|
||
font-size: 14px;
|
||
}
|
||
/*业务区域按钮：鼠标悬浮时候的外观*/
|
||
.adminButtons:hover {
|
||
background-color: #29CE86;
|
||
}
|
||
/*业务区域按钮：激活时候的外观*/
|
||
.adminButtons:active {
|
||
background-color: #31D690;
|
||
}
|
||
|
||
/*管理界面中编辑框：*/
|
||
.adminEdit {
|
||
border: 1px solid #808080;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
/*管理界面中用户各属性的label：*/
|
||
.adminUserLable {
|
||
font-family: Arial;
|
||
font-size: 12px;
|
||
}
|
||
/*管理界面中用户各属性的编辑框：*/
|
||
.adminUserEdit {
|
||
border: 1px solid #808080;
|
||
border-radius: 2px;
|
||
font-family: Arial, Helvetica, sans-serif;
|
||
font-size: 14px;
|
||
}
|
||
|
||
</style> |