新增区块样式

This commit is contained in:
augushong
2021-06-26 16:57:27 +08:00
parent ee69dbc0ff
commit 98479ee6b5
3 changed files with 30 additions and 2 deletions

24
demo/blockquote.html Normal file
View 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>

View File

@@ -76,8 +76,6 @@
.layui-elem-quote{
border-color: #66CCFF;
background-color: #f0f0f0;
color: #666;
}
.layui-laydate td.layui-this{

View File

@@ -1223,3 +1223,9 @@
white-space : nowrap;
overflow : hidden;
}
.layui-quote-gray{
background-color: #f0f0f0;
color: #666;
border-left-color: #ddd;
}