ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-05 11:52:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

新增巨幕样式；

Browse Source
This commit is contained in:
augushong
2022-04-28 16:01:50 +08:00
parent a308ed7a2a
commit 51d5b7e159
8 changed files with 130 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
demo/pc/jumbotron.html Normal file
View File

@@ -0,0 +1,76 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>巨幕-清新底色</legend>
<div class="layui-field-box">
<div class="ul-padding-md ul-bg-gray">
<div class="jumbotron clean">
<div class="main">
<div class="title">layui-ul</div>
<div class="desc">简洁、直观、强悍的纯SCSS组件库，让web开发更迅速、简单。</div>
<div class="option">
<a href="/" class="layui-btn layui-btn-normal">立即体验</a>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>巨幕-深色底色</legend>
<div class="layui-field-box">
<div class="ul-padding-md ul-bg-gray">
<div class="jumbotron dark">
<div class="main">
<div class="title">layui-ul</div>
<div class="desc">欢迎使用layui-ul.
layui-ul是一套纯css的开源的样式库.
样式中集成了很多常见的组件面板,比如列表,导航,卡片,登陆注册表单等.
</div>
<div class="option">
<a href="/" class="layui-btn layui-btn-normal">立即体验</a>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>巨幕-偏心-深色底色</legend>
<div class="layui-field-box">
<div class="ul-padding-md ul-bg-gray">
<div class="jumbotron left dark">
<div class="main">
<div class="title">layui-ul</div>
<div class="desc">欢迎使用layui-ul.
layui-ul是一套纯css的开源的样式库.
样式中集成了很多常见的组件面板,比如列表,导航,卡片,登陆注册表单等.
</div>
<div class="option">
<a href="/" class="layui-btn layui-btn-normal">立即体验</a>
</div>
</div>
</div>
</div>
</div>
</fieldset>