mirror of https://github.com/layui/layui
parent
aeebdc4223
commit
c3f3ec8612
File diff suppressed because one or more lines are too long
|
@ -78,6 +78,17 @@ body{padding:20px;}
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this"><a href="#1">标题题题题题题1</a></li>
|
||||
<li><a href="#2">标题题题2</a></li>
|
||||
<li><a href="#3">标题3</a></li>
|
||||
<li><a href="#4">标题题题题题题题4</a></li>
|
||||
<li><a href="#5">标题5</a></li>
|
||||
<li><a href="#6">标题6</a></li>
|
||||
<li><a href="#7">标题7</a></li>
|
||||
<li><a href="#8">标题题题题题题题8</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="layui-tab" lay-filter="test" lay-allowClose="true">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this">标题1</li>
|
||||
|
|
|
@ -30,8 +30,8 @@ body{padding: 100px;}
|
|||
<a href="http://layer.layui.com/" target="_blank" class="layui-btn demo">更多例子</a>
|
||||
</div>
|
||||
|
||||
<div id="test11111" style="display: none;padding: 20px;">
|
||||
123
|
||||
<div id="test11111" style="display: none; padding: 20px;">
|
||||
content 指向放置在页面的一段隐藏元素
|
||||
</div>
|
||||
|
||||
<hr><br>
|
||||
|
@ -140,7 +140,7 @@ layui.use('layer', function(){
|
|||
type: 1,
|
||||
skin: 'layui-layer-rim',
|
||||
area: ['1000px', '580px'],
|
||||
content: 'asas',
|
||||
content: $('#test11111'),
|
||||
maxmin: true,
|
||||
minStack: false, //最小化不堆叠在左下角
|
||||
id: 'page1', //定义 ID,防止重复弹出
|
||||
|
|
|
@ -1139,7 +1139,7 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh
|
|||
.layui-tab-title{position: relative; left: 0; height: 40px; white-space: nowrap; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; transition: all .2s; -webkit-transition: all .2s;}
|
||||
.layui-tab-title li{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s;}
|
||||
.layui-tab-title li{position: relative; line-height: 40px; min-width: 65px; padding: 0 15px; text-align: center; cursor: pointer;}
|
||||
.layui-tab-title li a{display: block; margin: 0 -15px;}
|
||||
.layui-tab-title li a{display: block; padding: 0 15px; margin: 0 -15px;}
|
||||
.layui-tab-title .layui-this{color: #000;}
|
||||
|
||||
.layui-tab-title .layui-this:after{position: absolute; left:0; top: 0; content: ""; width:100%; height: 41px; border-width: 1px; border-style: solid; border-bottom-color: #fff; border-radius: 2px 2px 0 0; box-sizing: border-box; pointer-events: none;}
|
||||
|
|
Loading…
Reference in New Issue