mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-01 10:32:49 +08:00
新增区块样式
This commit is contained in:
24
demo/blockquote.html
Normal file
24
demo/blockquote.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>更多风格的区块</legend>
|
||||
<div class="layui-field-box">
|
||||
<div class="ul-padding-md">
|
||||
<div class="layui-elem-quote layui-quote-gray">灰色区块</div>
|
||||
</div>
|
||||
<p class="layui-word-aux">需要layui.css</p>
|
||||
<p class="layui-word-aux">如果没有加载layui.css,在系统中添加如下样式:</p>
|
||||
|
||||
<pre class="layui-code demo-js"></pre>
|
||||
<style class="demo-js-src">
|
||||
.layui-elem-quote {
|
||||
margin-bottom: 10px;
|
||||
padding: 15px;
|
||||
line-height: 1.6;
|
||||
border-left: 5px solid #5FB878;
|
||||
border-radius: 0 2px 2px 0;
|
||||
background-color: #FAFAFA
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</div>
|
||||
</fieldset>
|
||||
@@ -76,8 +76,6 @@
|
||||
|
||||
.layui-elem-quote{
|
||||
border-color: #66CCFF;
|
||||
background-color: #f0f0f0;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.layui-laydate td.layui-this{
|
||||
|
||||
@@ -1223,3 +1223,9 @@
|
||||
white-space : nowrap;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
.layui-quote-gray{
|
||||
background-color: #f0f0f0;
|
||||
color: #666;
|
||||
border-left-color: #ddd;
|
||||
}
|
||||
Reference in New Issue
Block a user