From f35b39c71353ae1045e0e08adaa9f60071061ea8 Mon Sep 17 00:00:00 2001 From: augushong Date: Fri, 24 Sep 2021 19:58:20 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=93=8D=E4=BD=9C=E5=AF=BC?= =?UTF-8?q?=E8=88=AA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- demo/pc/nav.html | 579 +++++++++++++++++++++------------------- public/cdn/layui-ul.css | 37 ++- 2 files changed, 342 insertions(+), 274 deletions(-) diff --git a/demo/pc/nav.html b/demo/pc/nav.html index 5cbbf2d..bdc7f23 100644 --- a/demo/pc/nav.html +++ b/demo/pc/nav.html @@ -1,320 +1,357 @@
- 银色垂直导航 -
- -
+ 银色垂直导航 +
+ +
- 附带说明垂直导航 -
-
-
+ 附带说明垂直导航 +
+
+
-
-
起步
-
- -
欢迎
-
项目介绍/使用说明
- - -
开始使用
-
安装方式,注意事项
- - -
如何使用
-
复制组件
- -
+
+
起步
+
+ +
欢迎
+
项目介绍/使用说明
+ + +
开始使用
+
安装方式,注意事项
+ + +
如何使用
+
复制组件
+ +
+
+
+
+ 组件
+
+ +
列表
+
用户列表/文章列表...
+ + +
头部
+
页面头
+ + +
导航
+
横竖导航/多级导航
+ +
+
+
-
-
- 组件
-
- -
列表
-
用户列表/文章列表...
- - -
头部
-
页面头
- - -
导航
-
横竖导航/多级导航
- -
-
-
-
- 无底色简约导航 -
- -
+ 无底色简约导航 +
+ +
- 最简单的导航 -
-
-
-
- 个人中心 -
-
- 安全中心 -
-
- 数据中心 -
-
+ 最简单的导航 +
+
+
+
+ 个人中心 +
+
+ 安全中心 +
+
+ 数据中心 +
+
+
-
- 经典头部跳转导航 -
-
-
-
+ 经典头部跳转导航 +
+
+
+
-
- -
-
-
- 首页 +
+ +
+
+
+ 首页 +
+
+ 活动中心 +
+
+ 咨询 +
+
+ 帮助指南 +
+
+
-
- 活动中心 -
-
- 咨询 -
-
- 帮助指南 -
-
-
-
-
-
-
+
+
+
-
- -
-
-
- 首页 +
+ +
+
+
+ 首页 +
+
+ 活动中心 +
+
+ 咨询 +
+
+ 帮助指南 +
+
+
-
- 活动中心 -
-
- 咨询 -
-
- 帮助指南 -
-
-
-
-
-
-
+
+
+
-
- -
-
-
- 首页 +
+ +
+
+
+ 首页 +
+
+ 活动中心 +
+
+ 咨询 +
+
+ 帮助指南 +
+
+
-
- 活动中心 -
-
- 咨询 -
-
- 帮助指南 -
-
-
-
- 带图片和边框的导航 -
-
-
-
-
+ 带图片和边框的导航 +
+
+
+
+
-
-
- 国产专区 -
+
+
+ 国产专区 +
+
+
+
进入系统
+
+
-
-
进入系统
-
-
-
- 简单地分割线导航 -
-
- 导航1 - 那个导航2 - 这个导航3 - 导航4 + 简单地分割线导航 +
+
+ 导航1 + 那个导航2 + 这个导航3 + 导航4 +
-
- 简单二级导航 -
-
-
-
账号管理
-
- -
个人信息
- - -
安全中心
- - -
提现管理
- -
-
-
-
资金管理
-
- -
余额宝
- + 简单二级导航 +
+
+
+
账号管理
+
+ +
个人信息
+ + +
安全中心
+ + +
提现管理
+ +
+
+
+
资金管理
+
+ +
余额宝
+ + +
+
-
-
-
- 选项菜单导航 -
-
-
-
-
- -
-
-
- 登录密码 + 选项菜单导航 +
+
+
+
+
+ +
+
+
+ 登录密码 +
+
+ 建议您使用字母和数字的组合、混合大小写、在组合中加入下划线等符号。 +
+
+
+
+
+ 修改密码 +
+
-
- 建议您使用字母和数字的组合、混合大小写、在组合中加入下划线等符号。 +
+
+
+ +
+
+
+ 资金密码 +
+
+ 资金密码用于提现、绑定银行卡等操作，可保障资金安全 +
+
+
+
+
+ 找回资金密码 +
+
+ 修改资金密码 +
+
-
-
-
-
- 修改密码 -
-
-
-
-
-
- -
-
-
- 资金密码 +
+
+
+ +
+
+
+ 比特币转出 +
+
+ 系统维护,不能转出 +
+
+
+
+
+ 立即转出 +
+ +
-
- 资金密码用于提现、绑定银行卡等操作，可保障资金安全 -
-
-
-
- 找回资金密码 -
-
- 修改资金密码 -
-
-
-
-
-
- -
-
-
- 比特币转出 -
-
- 系统维护,不能转出 -
-
-
-
-
- 立即转出 -
- -
-
-
+ +
+ 操作导航 +
+
+
+
+
+ +
+
+
+ 发布公告 +
+
+ 发布文字/图片和视频. +
+
+
+ +
+
+ +
+
+
+ 关于 +
+
+ 查看详细系统信息 +
+
+
+
+
+
+
\ No newline at end of file diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css index 58cbce8..3e8871d 100644 --- a/public/cdn/layui-ul.css +++ b/public/cdn/layui-ul.css @@ -1324,10 +1324,10 @@ body .layui-quote-gray { margin-bottom : 15px; margin-right : 15px; cursor : pointer; - border: 1px solid transparent; + border : 1px solid transparent; } -.ul-book-item:hover{ +.ul-book-item:hover { border-color: #ddd; } @@ -1378,5 +1378,36 @@ body .layui-quote-gray { .ul-book-list.big .ul-book-info { height: 160px; - width: 110px; + width : 110px; +} + +.ul-nav-button-item { + display : flex; + align-items : center; + justify-content : flex-start; + margin-bottom : 10px; + border-radius : 8px; + padding : 10px; + box-shadow : 0px 1px 3px #bbb; + background-color: #fff; +} + +.ul-nav-button-icon { + margin-right: 10px; +} + +.ul-nav-button-icon .icon { + font-size: 38px; + color : #999; +} + +.ul-nav-button-title { + color : #333; + font-size : 16px; + font-weight: 600; +} + +.ul-nav-button-desc { + color : #666; + font-size: 14px; } \ No newline at end of file