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

完善卡片导航;去除后台的统计

Browse Source
This commit is contained in:
augushong
2021-05-03 20:53:11 +08:00
parent 8a1334ce06
commit e73cbd4d70
4 changed files with 211 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
demo/nav.html
View File

@@ -214,3 +214,107 @@
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>简单二级导航</legend>
<div class="layui-field-box">
<div class="ul-nav-tree-2">
<div class="ul-nav-tree-2-group">
<div class="ul-nav-tree-2-group-title">账号管理</div>
<div class="ul-nav-tree-2-group-main">
<a href="" class="ul-nav-tree-2-item">
<div class="ul-nav-tree-2-item-title">个人信息</div>
</a>
<a href="" class="ul-nav-tree-2-item">
<div class="ul-nav-tree-2-item-title">安全中心</div>
</a>
<a href="" class="ul-nav-tree-2-item">
<div class="ul-nav-tree-2-item-title">提现管理</div>
</a>
</div>
</div>
<div class="ul-nav-tree-2-group">
<div class="ul-nav-tree-2-group-title">资金管理</div>
<div class="ul-nav-tree-2-group-main">
<a href="" class="ul-nav-tree-2-item">
<div class="ul-nav-tree-2-item-title">余额宝</div>
</a>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>选项菜单导航</legend>
<div class="layui-field-box">
<div class="ul-nav-card">
<div class="ul-nav-card-item">
<div class="ul-nav-card-item-left">
<div class="ul-nav-card-item-icon layui-icon layui-icon-set">
</div>
<div class="ul-nav-card-item-info">
<div class="ul-nav-card-item-title">
登录密码
</div>
<div class="ul-nav-card-item-desc">
建议您使用字母和数字的组合、混合大小写、在组合中加入下划线等符号。
</div>
</div>
</div>
<div class="ul-nav-card-item-right">
<div class="layui-btn layui-btn-sm">
修改密码
</div>
</div>
</div>
<div class="ul-nav-card-item">
<div class="ul-nav-card-item-left">
<div class="ul-nav-card-item-icon layui-icon layui-icon-set">
</div>
<div class="ul-nav-card-item-info">
<div class="ul-nav-card-item-title">
资金密码
</div>
<div class="ul-nav-card-item-desc">
资金密码用于提现、绑定银行卡等操作，可保障资金安全
</div>
</div>
</div>
<div class="ul-nav-card-item-right">
<div class="layui-btn layui-btn-sm">
找回资金密码
</div>
<div class="layui-btn layui-btn-sm">
修改资金密码
</div>
</div>
</div>
<div class="ul-nav-card-item disabled">
<div class="ul-nav-card-item-left">
<div class="ul-nav-card-item-icon layui-icon layui-icon-set">
</div>
<div class="ul-nav-card-item-info">
<div class="ul-nav-card-item-title">
比特币转出
</div>
<div class="ul-nav-card-item-desc">
系统维护,不能转出
</div>
</div>
</div>
<div class="ul-nav-card-item-right">
<div class="layui-btn layui-btn-sm layui-btn-disabled">
立即转出
</div>
</div>
</div>
</div>
</div>
</fieldset>

3
public/cdn/layui-ul-change.css
View File

@@ -64,6 +64,9 @@
.layui-btn{
background-color: #66CCFF;
}
.layui-btn.layui-btn-disabled{
background-color: #FBFBFB;
}
.layui-form-radio > i:hover, .layui-form-radioed > i{
color: #66CCFF;
}

130
public/cdn/layui-ul.css
View File

@@ -884,45 +884,121 @@
}
.ul-ad-list{
.ul-ad-list {}
}
.ul-ad-item{
box-shadow: 1px 1px 8px #666;
.ul-ad-item {
box-shadow : 1px 1px 8px #666;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
margin-bottom: 15px;
display : flex;
align-items : center;
justify-content : space-between;
padding : 15px;
margin-bottom : 15px;
}
.ul-ad-left{
width: 68%;
height: 160px;
.ul-ad-left {
width : 72%;
height: 170px;
}
.ul-ad-img{
height: 100%;
width: 100%;
background-size: cover;
.ul-ad-img {
height : 100%;
width : 100%;
background-size : cover;
background-position: center;
}
.ul-ad-right{
width: 28%;
.ul-ad-right {
width: 25%;
}
.ul-ad-title{
font-size: 28px;
.ul-ad-title {
font-size : 28px;
font-weight: 100;
margin: 0;
color: #e4393c;
margin : 0;
color : #e4393c;
}
.ul-ad-desc{
font-size: 14px;
color: #666666;
margin: 26px 0;
line-height: 24px;
.ul-ad-desc {
font-size : 14px;
color : #666666;
margin : 26px 0;
line-height: 24px;
}
.ul-nav-tree-2 {}
.ul-nav-tree-2-group-title {
font-size : 14px;
height : 32px;
line-height: 32px;
color : #253647;
font-weight: 600;
}
.ul-nav-tree-2-item-title {
font-size : 14px;
color : #999;
padding-left: 15px;
line-height : 24px;
}
.ul-nav-tree-2-item:hover .ul-nav-tree-2-item-title {
color : #6cf;
text-decoration: underline;
}
.ul-nav-card-item {
padding : 0 15px;
border : 1px solid #ddd;
border-radius : 6px;
height : 82px;
margin-bottom : 10px;
display : flex;
align-items : center;
justify-content: space-between;
}
.ul-nav-card-item-left {
display : flex;
align-items : center;
justify-content: flex-start;
}
.ul-nav-card-item-icon {
font-size : 28px;
width : 50px;
height : 50px;
border-radius : 5px;
line-height : 50px;
text-align : center;
background : #2E4158;
display : inline-block;
color : #fff;
vertical-align: bottom;
}
.ul-nav-card-item-info {
margin-left: 10px;
}
.ul-nav-card-item-title {
font-size : 14px;
color : #253647;
font-weight: 700;
}
.ul-nav-card-item-desc {
line-height: 28px;
color: #666;
font-size: 12px;
}
.ul-nav-card-item.disabled .ul-nav-card-item-icon{
background-color: #908b8b;
}

1
view/admin/common/_require.html
View File

@@ -81,7 +81,6 @@
})
</script>
{:get_system_config('site_tongji')}
<div class="tpl" style="display: none;">
<div class="table-card-box item">