This commit is contained in:
XXAY
2021-09-23 12:22:36 +08:00
parent f83419af50
commit 25a5f17474
3 changed files with 105 additions and 189 deletions
+40 -103
View File
@@ -1,24 +1,18 @@
<!-- <div class='layui-row' style="margin: 50px">
<div class='layui-col-md3'>
<h1 style="font-size: 50px">Blast</h1>
</div>
<div class='layui-col-md9'>
</div>
</div>
-->
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
<div class="layui-panel">
<div style="padding: 20px 30px;">
{# 选项#}
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
<ul class="layui-tab-title">
<li class="layui-this">可选择的</li>
{# 选项卡#}
<li>blast</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<div class="layui-upload">
<button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
<div class="layui-upload-list" style="max-width: 1000px;">
@@ -43,14 +37,18 @@
<button type="button" class="layui-btn" id="testListAction">开始上传</button>
</div>
<div class="layui-tab-item layui-show">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">单行输入框</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="title" autocomplete="off"
placeholder="请输入标题" class="layui-input">
</div>
</div>
</div> <!-- 单行输入框 -->
<div class="layui-form-item">
<label class="layui-form-label">单行选择框</label>
<div class="layui-input-block">
@@ -64,8 +62,14 @@
<option value="4">选项E</option>
</select>
</div>
</div>
</div> <!-- 单行选择框 -->
<div class="layui-form-item">
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="test8">选择文件</button>
<button type="button" class="layui-btn" id="test9">开始上传</button>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
@@ -95,7 +99,8 @@
</select>
</div>
</div>
</div>
</div> <!-- 分组选择框 -->
<div class="layui-form-item" pane="">
<label class="layui-form-label">原始复选框</label>
<div class="layui-input-block">
@@ -105,21 +110,23 @@
<input type="checkbox" name="like1[game]" lay-skin="primary" title="选项3"
disabled="">
</div>
</div>
</div> <!-- 原始复选框 -->
<div class="layui-form-item">
<label class="layui-form-label">开关-默认关</label>
<div class="layui-input-block">
<input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
</div>
</div>
</div> <!-- 开关-默认关 -->
<div class="layui-form-item">
<label class="layui-form-label">开关-默认开</label>
<div class="layui-input-block">
<input type="checkbox" checked="" name="open" lay-skin="switch"
lay-filter="switchTest" lay-text="ON|OFF">
</div>
</div>
</div> <!-- 开关-默认开 -->
<div class="layui-form-item">
<label class="layui-form-label">单选框</label>
<div class="layui-input-block">
@@ -127,96 +134,36 @@
<input type="radio" name="sex" value="选项2" title="选项2">
<input type="radio" name="sex" value="禁" title="禁用" disabled="">
</div>
</div>
</div> <!-- 单选框 -->
<div class="layui-form-item">
<label class="layui-form-label">短输入框</label>
<div class="layui-input-inline">
<input type="text" name="username" lay-verify="required" placeholder="请输入"
autocomplete="off" class="layui-input">
</div>
</div>
</div> <!-- 短输入框 -->
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">普通文本域</label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" class="layui-textarea"></textarea>
</div>
</div>
</div> <!-- 普通文本域 -->
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交
</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</div> <!-- 提交/重置 -->
<button type="button" class="layui-btn layui-btn-radius">运行</button>
<button type="button" class="layui-btn layui-btn-radius">下载</button>
</form>
</div>
<div class="layui-tab-item">
<div class='layui-row' style="margin-top: 80px; margin-left: 80px">
<div class='layui-col-md9 layui-form-pane'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>建库文件</legend>
</fieldset>
<div class="layui-btn-container" style="display: inline-block">
<button type="button" class="layui-btn layui-btn-normal" id="select_file1">选择文件
</button>
</div>
</div>
</div>
<div class='layui-row' style="margin-left: 80px">
<div class='layui-col-md9'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>对比文件</legend>
</fieldset>
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="select_file2">选择文件
</button>
</div>
</div>
</div>
<div class='layui-row' style="margin-left: 80px; margin-top: 20px">
<div class='layui-col-md9'>
<fieldset class="layui-elem-field layui-field-title">
<legend>参数</legend>
</fieldset>
<div class="layui-form-item layui-form layui-form-pane" pane>
<label class="layui-form-label">类型</label>
<div class="layui-input-inline">
<select name="quiz1">
<option value="blastp" selected>blastp</option>
<option value="blastn">blastn</option>
</select>
</div>
<label class="layui-form-label">e value</label>
<div class="layui-input-inline">
<input type="text" name="username" id="e" lay-verify="required"
placeholder="请输入" autocomplete="off"
class="layui-input">
</div>
</div>
</div>
</div>
<div class='layui-row' style="margin-left:80px; margin-top: 20px">
<div class='layui-col-md9'>
<div class="layui-btn-container">
<button type="button" class="layui-btn" id="run">RUN</button>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">3</div>
<div class="layui-tab-item">4</div>
<div class="layui-tab-item">5</div>
<div class="layui-tab-item">6</div>
</div>
</div>
@@ -224,32 +171,22 @@
</div>
</div>
</div>
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
<div class="layui-panel">
<div style="padding: 20px 30px;">
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
<ul class="layui-tab-title">
<li class="layui-this">功能</li>
<li>示例</li>
<li class="layui-this">function</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div style="margin-left: 30px;">
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-input-inline" style="width: 120px;">
<input type="text" value="" placeholder="请选择颜色" class="layui-input"
id="test-form-input">
</div>
<div class="layui-inline" style="left: -11px;">
<div id="test-form"></div>
</div>
</div>
</form>
{# 功能#}
</div>
</div>
<div class="layui-tab-item">3</div>
</div>
</div>