chore: update

examples/element.tab.html

@@ -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>

examples/layer.html

@@ -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，防止重复弹出

src/css/layui.css

@@ -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;}