首页 引用区块


layui-quote-gray
预览效果
灰色区块
  • HTML
  • SCSS
  • CSS
  • UniApp
<div class="layui-elem-quote layui-quote-gray">灰色区块</div>
.layui-quote-gray {
    background-color : #f0f0f0;
    color            : #666;
    border-left-color: #ddd;
}
.layui-quote-gray {
  background-color: #f0f0f0;
  color: #666;
  border-left-color: #ddd;
}
<view class="layui-elem-quote layui-quote-gray">灰色区块</view>

需要layui.css

如果没有加载layui.css,在系统中添加如下样式:


.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
}