Anry/EzUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

新增示例

Browse Source
This commit is contained in:
anry
2026-02-25 22:24:40 +08:00
parent cf51900c96
commit 78fa2665b0
30 changed files with 856 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
demoEx/Adminstor/_bin/res/mainForm.htm Normal file
View File

@@ -0,0 +1,279 @@
<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" margin-left="5" height="30" halign="center" id="servIP" 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>