197 lines
10 KiB
HTML
197 lines
10 KiB
HTML
<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>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;">
|
||
<table class="layui-table">
|
||
<colgroup>
|
||
<col>
|
||
<col width="150">
|
||
<col width="260">
|
||
<col width="150">
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th>文件名</th>
|
||
<th>大小</th>
|
||
<th>上传进度</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="demoList"></tbody>
|
||
</table>
|
||
</div>
|
||
<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 class="layui-form-item">
|
||
<label class="layui-form-label">单行选择框</label>
|
||
<div class="layui-input-block">
|
||
<select name="interest" lay-filter="aihao">
|
||
<option value=""></option>
|
||
<option value="0">选项A</option>
|
||
<option value="1" selected="">选项B（初始选择）</option>
|
||
//初始选择
|
||
<option value="2">选项C</option>
|
||
<option value="3">选项D</option>
|
||
<option value="4">选项E</option>
|
||
</select>
|
||
</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">
|
||
<label class="layui-form-label">分组选择框</label>
|
||
<div class="layui-input-inline">
|
||
<select name="quiz">
|
||
<option value="">请选择问题</option>
|
||
<optgroup label="选项组1">
|
||
<option value="选项">选项</option>
|
||
</optgroup>
|
||
<optgroup label="选项组2">
|
||
<option value="选项1">选项1</option>
|
||
<option value="选项2">选项2</option>
|
||
</optgroup>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">搜索选择框</label>
|
||
<div class="layui-input-inline">
|
||
<select name="modules" lay-verify="required" lay-search="">
|
||
<option value="">直接选择或搜索选择</option>
|
||
<option value="1">layer</option>
|
||
<option value="2">form</option>
|
||
<option value="3">layim</option>
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div> <!-- 分组选择框 -->
|
||
|
||
<div class="layui-form-item" pane="">
|
||
<label class="layui-form-label">原始复选框</label>
|
||
<div class="layui-input-block">
|
||
<input type="checkbox" name="like1[write]" lay-skin="primary" title="选项1"
|
||
checked="">
|
||
<input type="checkbox" name="like1[read]" lay-skin="primary" title="选项2">
|
||
<input type="checkbox" name="like1[game]" lay-skin="primary" title="选项3"
|
||
disabled="">
|
||
</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 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 class="layui-form-item">
|
||
<label class="layui-form-label">单选框</label>
|
||
<div class="layui-input-block">
|
||
<input type="radio" name="sex" value="选项1" title="选项1" checked="">
|
||
<input type="radio" name="sex" value="选项2" title="选项2">
|
||
<input type="radio" name="sex" value="禁" title="禁用" disabled="">
|
||
</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 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 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> <!-- 提交/重置 -->
|
||
|
||
<button type="button" class="layui-btn layui-btn-radius">运行</button>
|
||
<button type="button" class="layui-btn layui-btn-radius">下载</button>
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</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">function</li>
|
||
</ul>
|
||
|
||
<div class="layui-tab-content">
|
||
<div class="layui-tab-item layui-show">
|
||
<div style="margin-left: 30px;">
|
||
{# 功能#}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|