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

新增宫格导航组件；增加innermargin设置（手机滚动条间隙）；增加tp模板渲染；

Browse Source
This commit is contained in:
augushong
2023-04-13 18:05:21 +08:00
parent d537a0fb23
commit 2ed7ee5d5a
13 changed files with 306 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
source/components/nav/ul-nav-grid/_index.html Normal file
View File

@@ -0,0 +1,75 @@
<div class="ul-group-title">
基本
</div>
<div class="ul-nav-grid colord">
<div class="item red">
<div class="icon">
<div class="main">
<i class="layui-icon layui-icon-home"></i>
</div>
</div>
<div class="title">首页</div>
</div>
</div>
<div class="ul-group-title">
图标颜色
</div>
<div class="ul-nav-grid colord">
{for start='0' end='12'}
<div class="item {$colors[$i%7]}">
<div class="icon">
<div class="main">
<i class="layui-icon layui-icon-home"></i>
</div>
</div>
<div class="title">首页</div>
</div>
{/for}
</div>
<div class="ul-group-title">
图标背景
</div>
<div class="ul-nav-grid colord-bg">
{for start='0' end='12'}
<div class="item {$colors[$i%7]}">
<div class="icon">
<div class="main">
<i class="layui-icon layui-icon-home"></i>
</div>
</div>
<div class="title">首页</div>
</div>
{/for}
</div>
<div class="ul-group-title">
宫格边框+背景色
</div>
<div class="ul-nav-grid colord-bg box">
{for start='0' end='12'}
<div class="item {$colors[$i%7]}">
<div class="icon">
<div class="main">
<i class="layui-icon layui-icon-home"></i>
</div>
</div>
<div class="title">首页</div>
</div>
{/for}
</div>
<div class="ul-group-title">
宫格边框+图片
</div>
<div class="ul-nav-grid">
{for start='0' end='4'}
<div class="item {$colors[$i%7]}">
<div class="icon">
<div class="main">
<img style="width: 26px;height: 26px;" src="/static/images/view.jpg">
</div>
</div>
<div class="title">首页</div>
</div>
{/for}
</div>