mirror of
https://gitee.com/layui/layui.git
synced 2025-04-05 17:38:02 +08:00
55 lines
1.5 KiB
Markdown
55 lines
1.5 KiB
Markdown
|
<h4>普通卡片：</h4>
|
||
|
|
|
||
|
|
<div class="layui-tabs layui-tabs-card" lay-options="{index: 1}">
|
||
|
|
<ul class="layui-tabs-header">
|
||
|
|
<li>标题1</li>
|
||
|
|
<li>标题2</li>
|
||
|
|
<li><a href="" target="_blank" class="layui-font-blue">跳转项</a></li>
|
||
|
|
<li class="layui-disabled" lay-unselect>禁选项</li>
|
||
|
|
<li>标题5</li>
|
||
|
|
<li>标题6</li>
|
||
|
|
</ul>
|
||
|
|
<div class="layui-tabs-body">
|
||
|
|
<div class="layui-tabs-item">内容-1</div>
|
||
|
|
<div class="layui-tabs-item">内容-2</div>
|
||
|
|
<div class="layui-tabs-item">内容-3</div>
|
||
|
|
<div class="layui-tabs-item">内容-4</div>
|
||
|
|
<div class="layui-tabs-item">内容-5</div>
|
||
|
|
<div class="layui-tabs-item">内容-6</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h4>边框卡片：</h4>
|
||
|
|
|
||
|
|
<div class="layui-tabs layui-tabs-card layui-panel layui-inline">
|
||
|
|
<ul class="layui-tabs-header layui-bg-tint">
|
||
|
|
<li class="layui-this">标题1</li>
|
||
|
|
<li>标题2</li>
|
||
|
|
<li>标题3</li>
|
||
|
|
<li>标题4</li>
|
||
|
|
<li>标题5</li>
|
||
|
|
<li>标题6</li>
|
||
|
|
</ul>
|
||
|
|
<div class="layui-tabs-body">
|
||
|
|
<div class="layui-tabs-item layui-show">
|
||
|
|
<div class="layui-form">
|
||
|
|
<select>
|
||
|
|
<option>1</option>
|
||
|
|
<option>2</option>
|
||
|
|
<option>3</option>
|
||
|
|
<option>4</option>
|
||
|
|
<option>5</option>
|
||
|
|
<option>6</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-tabs-item">2</div>
|
||
|
|
<div class="layui-tabs-item">3</div>
|
||
|
|
<div class="layui-tabs-item">4</div>
|
||
|
|
<div class="layui-tabs-item">5</div>
|
||
|
|
<div class="layui-tabs-item">6</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- import layui -->
|