From dcd0cd3216d9c18ab031dcb7093169f11e345b58 Mon Sep 17 00:00:00 2001 From: augushong Date: Fri, 31 Mar 2023 20:56:34 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=9B=B8=E5=86=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 8 +- demo/pc/list.html | 39 - public/cdn/layui-ul-change.css | 191 ++ public/cdn/layui-ul-change.min.css | 1 + public/cdn/layui-ul.css | 2470 +++++++++++++++++ public/cdn/layui-ul.min.css | 1 + source/components/_index.scss | 3 + .../list/ul-photo-card-list/_index.env | 5 + .../list/ul-photo-card-list/_index.html | 14 + .../list/ul-photo-card-list/_index.md | 0 .../list/ul-photo-card-list/_index.scss | 31 + .../list/ul-photo-list-b/_index.env | 5 + .../list/ul-photo-list-b/_index.html | 11 + .../components/list/ul-photo-list-b/_index.md | 0 .../list/ul-photo-list-b/_index.scss | 29 + .../components/list/ul-photo-list/_index.env | 5 + .../components/list/ul-photo-list/_index.html | 13 + .../components/list/ul-photo-list/_index.md | 0 .../components/list/ul-photo-list/_index.scss | 33 + source/scss/layui-ul.scss | 68 - 20 files changed, 2813 insertions(+), 114 deletions(-) create mode 100644 public/cdn/layui-ul-change.css create mode 100644 public/cdn/layui-ul-change.min.css create mode 100644 public/cdn/layui-ul.css create mode 100644 public/cdn/layui-ul.min.css create mode 100644 source/components/list/ul-photo-card-list/_index.env create mode 100644 source/components/list/ul-photo-card-list/_index.html create mode 100644 source/components/list/ul-photo-card-list/_index.md create mode 100644 source/components/list/ul-photo-card-list/_index.scss create mode 100644 source/components/list/ul-photo-list-b/_index.env create mode 100644 source/components/list/ul-photo-list-b/_index.html create mode 100644 source/components/list/ul-photo-list-b/_index.md create mode 100644 source/components/list/ul-photo-list-b/_index.scss create mode 100644 source/components/list/ul-photo-list/_index.env create mode 100644 source/components/list/ul-photo-list/_index.html create mode 100644 source/components/list/ul-photo-list/_index.md create mode 100644 source/components/list/ul-photo-list/_index.scss diff --git a/.gitignore b/.gitignore index b4bec77..edb9ed5 100644 --- a/.gitignore +++ b/.gitignore @@ -5,10 +5,4 @@ .env ul.db composer.lock -public/upload/* -/public/cdn/layui-ul.css -/public/cdn/layui-ul.css.map -/public/cdn/layui-ul.min.css -/public/cdn/layui-ul.min.css.map -/public/cdn/layui-ul-change.css -/public/cdn/layui-ul-change.min.css \ No newline at end of file +public/upload/* \ No newline at end of file diff --git a/demo/pc/list.html b/demo/pc/list.html index f0f18aa..aa9653f 100644 --- a/demo/pc/list.html +++ b/demo/pc/list.html @@ -117,45 +117,6 @@ -
- 相册列表 -
-
-
-
-
- -
-
-
周末野外广场树林写真
-
45P+1V
-
相册说明内容
-
-
- -
-
-
-
-
- 卡片式相册列表 -
-
- -
-
- -
-
-
周末野外广场树林写真
-
相册说明内容
-
45P+1V
-
-
- -
-
-
内容丰富的留言列表 diff --git a/public/cdn/layui-ul-change.css b/public/cdn/layui-ul-change.css new file mode 100644 index 0000000..853094b --- /dev/null +++ b/public/cdn/layui-ul-change.css @@ -0,0 +1,191 @@ +.layui-nav-tree .layui-nav-item a:hover { + background-color: #6699CC; +} + +.layui-bg-black { + background-color: #66CCFF !important; +} + +.layui-nav-tree .layui-nav-child dd.layui-this, +.layui-nav-tree .layui-nav-child dd.layui-this a, +.layui-nav-tree .layui-this, +.layui-nav-tree .layui-this > a, +.layui-nav-tree .layui-this > a:hover { + background-color: #6699CC; +} + +.layui-layout-admin .layui-logo { + color: #fff; + line-height: 45px; +} + +.layui-layout-admin .layui-header { + background-color: #39BDFF; +} + +.layui-nav { + background-color: #66CCFF; +} + +.layui-header { + height: 45px; +} + +.layui-nav .layui-nav-item { + line-height: 45px; +} + +.layui-nav .layui-nav-item a { + color: #FFFFFF; +} + +.layui-nav .layui-nav-child a { + color: #66CCFF; +} + +.layui-nav .layui-this::after, +.layui-nav-bar, +.layui-nav-tree .layui-nav-itemed::after { + background-color: #CCFFFF; +} + +.layui-tab-brief > .layui-tab-title .layui-this { + color: #66CCFF; +} + +.layui-tab-brief > .layui-tab-more li.layui-this::after, +.layui-tab-brief > .layui-tab-title .layui-this::after { + border-color: #66CCFF; +} + +.layui-btn { + background-color: #66CCFF; +} + +.layui-btn-danger { + background-color: #FF5722; +} + +.layui-btn-primary { + background-color: #fff; + color: #666; + border-color: #d2d2d2; +} + +.layui-btn-primary:hover { + border-color: #6cf; +} + +.layui-btn.layui-btn-disabled { + background-color: #FBFBFB; +} + +.layui-form-radio > i:hover, +.layui-form-radioed > i { + color: #66CCFF; +} + +.layui-form-radio:hover *, +.layui-form-radioed, +.layui-form-radioed > i { + color: #66CCFF; +} + +.layui-elem-quote { + border-color: #66CCFF; +} + +.layui-laydate td.layui-this { + background-color: #66CCFF !important; +} + +.layui-form-checkbox[lay-skin=primary]:hover i { + border-color: #66CCFF; +} + +.layui-form-checked[lay-skin=primary] i { + border-color: #66CCFF !important; + background-color: #66CCFF !important; +} + +.layui-form-checked span, +.layui-form-checked:hover span { + background-color: #66CCFF; +} + +.layui-form-checked i, +.layui-form-checked:hover i { + color: #66CCFF; +} + +.layui-form-select dl dd.layui-this { + background-color: #66CCFF; +} + +.layui-form-label { + width: unset; + padding: 3px 3px; + float: unset; + text-align: left; + font-weight: 600; + font-size: 15px; +} + +.layui-input-block { + margin-left: 0; +} + +.layui-form-pane .layui-form-label { + float: left; + font-weight: normal; + font-size: 14px; +} + +.layui-nav-tree .layui-nav-item a { + height: 35px; + line-height: 35px; +} + +.layui-nav-tree { + width: 140px; +} + +.layui-layout-admin .layui-side { + width: 140px; + top: 45px; +} + +.layui-layout-admin .layui-footer { + left: 140px; + height: 35px; + line-height: 35px; +} + +.layui-layout-admin .layui-body { + top: 45px; +} + +.layui-side-scroll { + width: 140px; +} + +.layui-body { + left: 140px; +} + +.layui-nav .layui-nav-child dd.layui-this a, +.layui-nav-child dd.layui-this { + background-color: #19B3FF; +} + +.layui-nav-child { + padding: 0; +} + +.layui-nav-tree .layui-nav-bar { + background-color: #66CCFF; +} + +.layui-form-label .layui-word-aux { + font-size: 12px; +} \ No newline at end of file diff --git a/public/cdn/layui-ul-change.min.css b/public/cdn/layui-ul-change.min.css new file mode 100644 index 0000000..81f9beb --- /dev/null +++ b/public/cdn/layui-ul-change.min.css @@ -0,0 +1 @@ +.layui-nav-tree .layui-nav-item a:hover{background-color:#69c}.layui-bg-black{background-color:#6cf !important}.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#69c}.layui-layout-admin .layui-logo{color:#fff;line-height:45px}.layui-layout-admin .layui-header{background-color:#39bdff}.layui-nav{background-color:#6cf}.layui-header{height:45px}.layui-nav .layui-nav-item{line-height:45px}.layui-nav .layui-nav-item a{color:#fff}.layui-nav .layui-nav-child a{color:#6cf}.layui-nav .layui-this::after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed::after{background-color:#cff}.layui-tab-brief>.layui-tab-title .layui-this{color:#6cf}.layui-tab-brief>.layui-tab-more li.layui-this::after,.layui-tab-brief>.layui-tab-title .layui-this::after{border-color:#6cf}.layui-btn{background-color:#6cf}.layui-btn-danger{background-color:#ff5722}.layui-btn-primary{background-color:#fff;color:#666;border-color:#d2d2d2}.layui-btn-primary:hover{border-color:#6cf}.layui-btn.layui-btn-disabled{background-color:#fbfbfb}.layui-form-radio>i:hover,.layui-form-radioed>i{color:#6cf}.layui-form-radio:hover *,.layui-form-radioed,.layui-form-radioed>i{color:#6cf}.layui-elem-quote{border-color:#6cf}.layui-laydate td.layui-this{background-color:#6cf !important}.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#6cf}.layui-form-checked[lay-skin=primary] i{border-color:#6cf !important;background-color:#6cf !important}.layui-form-checked span,.layui-form-checked:hover span{background-color:#6cf}.layui-form-checked i,.layui-form-checked:hover i{color:#6cf}.layui-form-select dl dd.layui-this{background-color:#6cf}.layui-form-label{width:unset;padding:3px 3px;float:unset;text-align:left;font-weight:600;font-size:15px}.layui-input-block{margin-left:0}.layui-form-pane .layui-form-label{float:left;font-weight:normal;font-size:14px}.layui-nav-tree .layui-nav-item a{height:35px;line-height:35px}.layui-nav-tree{width:140px}.layui-layout-admin .layui-side{width:140px;top:45px}.layui-layout-admin .layui-footer{left:140px;height:35px;line-height:35px}.layui-layout-admin .layui-body{top:45px}.layui-side-scroll{width:140px}.layui-body{left:140px}.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#19b3ff}.layui-nav-child{padding:0}.layui-nav-tree .layui-nav-bar{background-color:#6cf}.layui-form-label .layui-word-aux{font-size:12px} \ No newline at end of file diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css new file mode 100644 index 0000000..ae97128 --- /dev/null +++ b/public/cdn/layui-ul.css @@ -0,0 +1,2470 @@ +@charset "UTF-8"; +/* 通用类开始 */ +.ul-padding-md { + padding: 15px; +} + +.ul-margin-md { + margin: 15px; +} + +.ul-section { + margin-bottom: 15px; +} + +.ul-inline-block { + display: inline-block !important; + margin-right: 15px; + margin-bottom: 15px; +} + +.ul-icon-exit { + display: inline-block; + width: 16px; + height: 16px; + background-image: url("img/exit.png"); + background-size: cover; + background-position: center; +} + +.ul-border-right { + border-right: 1px solid #bbb; +} + +.ul-bg-white { + background-color: #fff; +} + +.ul-bg-gray { + background-color: #f0f0f0; +} + +.ul-bg-black { + background-color: #393D49; +} + +.ul-bg-dark { + background-color: #1F2430; +} + +.ul-color-main { + color: #6cf !important; +} + +.ul-color-white { + color: #fff !important; +} + +.ul-common-flex-list { + display: flex; + flex-wrap: wrap; +} + +.ul-common-flex-sb { + display: flex; + align-items: center; + justify-content: space-between; +} + +.ul-mobile-box { + width: 360px; +} + +/* 通用类结束 */ +.ul-demo-img-bg { + background-image: url("https://layui.ulthon.com/cdn/img/view.jpg"); + background-size: cover; + background-position: center; +} + +.ul-demo-mobile-page { + width: 360px; + height: 660px; + border: 0; + box-shadow: 0 0 3px #bbb; +} + +/* 用户头像开始 */ +.ul-avatar-list-item { + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px; + background-color: #ddd; +} + +.ul-avatar-list-item.current { + background-color: #bbb; +} + +.ul-avatar-list-item-img { + height: 48px; + width: 48px; + background-image: url("/static/images/avatar.png"); + background-size: cover; + background-position: center; + border-radius: 3px; + background-color: #fff; +} + +.ul-avatar-list-item-info { + margin-left: 10px; + position: relative; + width: calc(100% - 48px - 10px); +} + +.ul-avatar-list-item-time { + position: absolute; + right: 0; + top: 0; + color: #999; +} + +.ul-avatar-list-item-tips { + color: #999; + font-size: 14px; + display: inline-block; + white-space: nowrap; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} + +.ul-order-list-simple-card .item { + box-shadow: 0 0 3px #ddd; + border-radius: 2px; + padding: 15px; + margin-bottom: 15px; + background-color: #fff; +} +.ul-order-list-simple-card .item-header { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 13px; + margin-bottom: 5px; +} +.ul-order-list-simple-card .item-header .item-header-status { + color: #1E9FFF; +} +.ul-order-list-simple-card .item-body { + margin-top: 10px; + padding-bottom: 10px; +} +.ul-order-list-simple-card .item-body .item-body-item { + display: flex; + align-items: center; + justify-content: space-between; + padding: 5px 0; +} +.ul-order-list-simple-card .item-body .item-body-item .item-image { + width: 90px; + height: 90px; + background-size: cover; + background-position: center; + box-shadow: 0 0 2px #999; +} +.ul-order-list-simple-card .item-body .item-body-item .item-info { + width: calc(100% - 90px - 15px); + margin-left: 15px; + height: 90px; + position: relative; +} +.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-title { + font-weight: 500; + font-size: 15px; + margin-bottom: 5px; + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} +.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-value { + display: flex; + align-items: center; + justify-content: space-between; + color: #999; + font-size: 14px; +} +.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-money { + position: absolute; + bottom: 0; + left: 0; + font-size: 15px; + font-weight: 600; +} +.ul-order-list-simple-card .item-footer { + padding-top: 15px; + margin-top: 5px; + border-top: 1px solid #eee; + display: flex; + align-items: center; + justify-content: space-between; +} + +/* 附带说明垂直导航 */ +.ul-nav-tree-group-title { + font-size: 16px; + font-weight: 600; + line-height: 2; +} + +.ul-nav-tree-item { + display: flex; + align-items: baseline; + cursor: pointer; + padding: 5px; + white-space: nowrap; +} + +.ul-nav-tree-item.current .ul-nav-tree-item-title { + color: #6cf; +} + +.ul-nav-tree-item-title { + font-size: 15px; +} + +.ul-nav-tree-item-desc { + font-size: 14px; + color: #999; + margin-left: 15px; +} + +.ul-nav-card-simple .ul-nav-card-item { + border-radius: 6px; + background-color: rgb(255, 255, 255); + box-shadow: 0px 8px 18px -8px #aebcca; + border: unset; +} + +/* 头部结束 */ +/* 导航开始 */ +.layui-nav.ul-nav-white { + background-color: #f0f0f0; +} + +.layui-nav.ul-nav-white .layui-nav-child a { + color: #666; +} + +.layui-nav.ul-nav-white .layui-nav-item a { + color: #666; +} + +.layui-nav.ul-nav-white .layui-nav-itemed > .layui-nav-child { + background-color: rgba(255, 255, 255, 0.6) !important; + padding-left: 15px; + min-width: calc(100% - 15px) !important; +} + +.layui-nav-tree.ul-nav-white .layui-nav-item a:hover { + background-color: #9cf; + color: #fff !important; +} + +.layui-nav.ul-nav-white .layui-nav-itemed > a, +.layui-nav-tree.ul-nav-white .layui-nav-title a, +.layui-nav-tree.ul-nav-white .layui-nav-title a:hover { + color: #666 !important; +} + +.layui-nav-tree.ul-nav-white .layui-nav-bar { + background-color: #6cf; +} + +.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this, +.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this a, +.layui-nav-tree.ul-nav-white .layui-this, +.layui-nav-tree.ul-nav-white .layui-this > a, +.layui-nav-tree.ul-nav-white .layui-this > a:hover { + background-color: #9cf; + color: #fff; +} + +/* 导航结束 */ +/* 简约风格Form */ +.ul-form-basic .layui-form-item { + clear: unset; + margin-bottom: 6px; +} +.ul-form-basic .layui-form-label { + float: unset; + width: unset; + text-align: left; + padding: 5px 0; + font-size: 14px; + color: #000; +} +.ul-form-basic .layui-input-block { + margin-left: unset; + min-height: 30px; +} +.ul-form-basic .layui-input { + padding: 10px 11px; + height: unset; +} +.ul-form-basic .layui-form-mid { + padding: 5px 0 !important; +} +.ul-form-basic .layui-form-select dl { + top: 28px; +} +.ul-form-basic .layui-form-select dl dd, +.ul-form-basic .layui-form-select dl dt { + height: 30px; +} + +.ul-form-space-between .layui-form-item { + display: flex; + align-items: flex-start; + justify-content: space-between; + border-bottom: 2px solid #eee; +} +.ul-form-space-between .layui-form-item::after { + content: unset; +} +.ul-form-space-between .layui-form-item:last-child { + border: unset; +} +.ul-form-space-between .layui-form-item .layui-form-label { + text-align: left; + float: unset; +} +.ul-form-space-between .layui-form-item .layui-input-block { + margin-left: unset; + width: 60%; + text-align: right; +} +.ul-form-space-between .layui-form-item .layui-input { + border: unset; + text-align: right; +} +.ul-form-space-between .layui-form-item .layui-form-mid { + text-align: right; + display: block; + float: unset; +} + +.ul-field-clean { + border: unset; +} +.ul-field-clean .legend { + margin: 5px; + text-align: center; + width: 100%; + font-size: 16px; + font-weight: 600; +} +.ul-field-clean .layui-field-box { + margin-top: 8px; + background: #fff; + border-radius: 8px; + box-shadow: 0px 0px 4px rgba(77, 85, 114, 0.1); + padding: 15px; +} + +.ul-card-simple-icon { + display: inline-block; + margin-right: 15px; + margin-bottom: 15px; + box-shadow: 0 2px 12px 0 #bbb; + border-radius: 4px; + border: 1px solid #ebeef5; + background-color: #fff; + box-sizing: border-box; + width: 100px; + padding: 10px; + text-align: center; +} +.ul-card-simple-icon .ul-card-simple-icon-image { + width: 80px; + height: 80px; + background-size: cover; + background-position: center; + display: inline-block; +} +.ul-card-simple-icon .ul-card-simple-icon-title { + border-top: 2px solid #ebeef5; + margin-top: 8px; + padding-top: 8px; +} + +.ul-card-message { + border-radius: 10px 10px 0 0; + background-color: #fff; +} +.ul-card-message .header { + padding: 15px; + display: flex; + align-items: center; + justify-content: space-between; + font-size: 14px; + font-weight: 600; + border-bottom: 2px solid #eee; +} +.ul-card-message .body { + padding: 15px; + padding-bottom: 0; +} +.ul-card-message .body .item { + display: flex; + align-items: flex-start; + justify-content: flex-start; + line-height: 1.8; + margin-bottom: 10px; +} +.ul-card-message .body .item .item-title { + width: 90px; + color: #999; +} +.ul-card-message .body .item .item-value { + white-space: normal; + width: calc(100% - 90px); +} +.ul-card-message .footer { + text-align: right; + padding: 15px; +} + +.ul-info-card { + background-color: #fff; +} +.ul-info-card .header .img { + width: 100%; + height: 160px; + background-size: cover; + background-position: center; +} +.ul-info-card .body { + margin-top: 15px; +} +.ul-info-card .body .title { + text-align: center; + font-size: 18px; + font-weight: 600; + color: #333; +} +.ul-info-card .body .line { + height: 3px; + width: 60px; + background-color: #1E9FFF; + margin: 10px auto; +} +.ul-info-card .body .info { + padding: 15px; +} +.ul-info-card .body .info .info-item { + display: inline-block; + min-width: 30%; + margin-bottom: 10px; + margin-right: 1%; +} +.ul-info-card .body .info .info-item .info-title { + font-size: 12px; + color: #999; + margin-bottom: 6px; +} + +.ul-card-data-simple { + display: flex; + align-items: center; + justify-content: flex-start; + background-color: #fff; +} +.ul-card-data-simple .item { + margin: 15px 0; + padding: 0 15px; + text-align: left; +} +.ul-card-data-simple .item .item-title { + font-size: 12px; + color: #666; +} +.ul-card-data-simple .item .item-value { + font-size: 16px; + font-weight: 600; + line-height: 30px; +} +.ul-card-data-simple .item .item-rate { + font-size: 12px; +} +.ul-card-data-simple .item .item-rate.up { + color: #FF5722; +} +.ul-card-data-simple .item .item-rate.down { + color: #1E9FFF; +} +.ul-card-data-simple .item.line { + border-right: 1px solid #eee; +} + +.ul-card-data-simple.ul-card-data-simple-bg-black { + background-color: #393D49; + color: #fff; + border-radius: 15px; + padding: 15px; + box-shadow: 0 0 4px #999; +} +.ul-card-data-simple.ul-card-data-simple-bg-black .item { + padding: 15px; + margin: 0 10px 0 0; +} +.ul-card-data-simple.ul-card-data-simple-bg-black .item .item-title { + color: #fff; +} +.ul-card-data-simple.ul-card-data-simple-bg-black .item .item-value { + font-size: 20px; +} +.ul-card-data-simple.ul-card-data-simple-bg-black .item.main { + background-color: #fff; + color: #393D49; + border-radius: 15px; + box-shadow: 1px 1px 3px #999; + margin-right: 25px; +} +.ul-card-data-simple.ul-card-data-simple-bg-black .item.main .item-title { + color: #393D49; +} + +.ul-data-card { + margin: 15px; + padding: 15px; + box-shadow: 0 0 3px #bbb; + border-radius: 5px; +} +.ul-data-card .header { + display: flex; + align-items: center; + justify-content: space-between; + padding-bottom: 10px; + border-bottom: 1px solid #eee; +} +.ul-data-card .body { + padding: 10px 0; +} +.ul-data-card .body .main { + display: flex; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; +} +.ul-data-card .body .main .item { + min-width: 50%; + display: flex; + align-items: center; + margin-bottom: 10px; +} +.ul-data-card .body .main .item .item-title { + font-size: 14px; + font-weight: 600; +} +.ul-data-card .body .main .item .item-value { + font-size: 14px; +} +.ul-data-card .footer { + border-top: 1px solid #eee; + padding-top: 10px; + display: flex; + justify-content: space-between; + align-items: center; +} + +.ul-card-file { + background-color: #fff; + display: block; + width: 240px; + color: #000 !important; + cursor: pointer; + box-shadow: 0 0 2px #bbb; +} +.ul-card-file .main { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 15px 15px 5px 15px; + height: 60px; +} +.ul-card-file .main .info .name { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + width: 160px; +} +.ul-card-file .main .info .desc { + color: #bbb; + font-weight: normal; + font-size: 12px; + margin-top: 5px; +} +.ul-card-file .main .icon { + font-size: 40px; + color: #999; +} +.ul-card-file .main .icon.file { + color: #bbb; +} +.ul-card-file .main .icon.excel { + color: rgb(32, 115, 70); +} +.ul-card-file .main .icon.zip { + color: rgb(139, 87, 42); +} +.ul-card-file .main .icon.word { + color: rgb(44, 86, 154); +} +.ul-card-file .main .icon.powerpoint { + color: rgb(242, 97, 63); +} +.ul-card-file .main .icon.pdf { + color: rgb(250, 81, 81); +} +.ul-card-file .main .icon.video { + color: #7c8eee; +} +.ul-card-file .main .icon.audio { + color: #f16c00; +} +.ul-card-file .main .icon.image { + color: #f6ad00; +} +.ul-card-file .main .icon.text { + color: #8289ad; +} +.ul-card-file .main .icon.link { + color: #4876f9; +} +.ul-card-file .footer { + display: flex; + justify-content: space-between; + font-size: 12px; + color: #999; + border-top: 1px solid #eee; + padding: 5px 15px 5px 15px; +} + +.ul-group-title-simple { + line-height: 30px; + font-size: 16px; + padding-left: 10px; + position: relative; +} +.ul-group-title-simple:before { + content: ""; + display: block; + position: absolute; + left: 0; + height: 16px; + width: 3px; + top: 7px; + border-radius: 3px; + background: linear-gradient(0deg, #7FC0FC, #4B7EEF); +} + +.ul-jumbotron { + padding: 15px; + text-align: center; +} +.ul-jumbotron .main { + margin: 20px auto; + max-width: 800px; + text-align: center; +} +.ul-jumbotron .main .title { + font-size: 32px; + font-weight: 600; +} +.ul-jumbotron .main .desc { + font-size: 18px; + line-height: 1.8; + margin: 25px auto; +} + +.ul-jumbotron.dark { + background-color: #1F2430; + color: #fff; +} + +.ul-jumbotron.clean { + background-color: #fff; +} + +.ul-jumbotron.left .main { + text-align: left; + max-width: auto; + margin-left: 30px; +} +.ul-jumbotron.left .main .desc { + margin: 25px auto 25px 0; +} + +.ul-footer { + background-color: #333; + color: #fff; +} + +.ul-footer .container { + display: flex; + margin: 0 auto; + padding: 40px 0; +} + +.ul-footer .logo { + width: 120px; +} + +.ul-footer .container > div { + padding: 0 25px; +} + +.ul-footer .container > div:not(:last-child) { + border-right: 1px solid #555; +} + +.ul-footer .ul-footer-nav a { + color: #fff; + margin: 5px 10px; + font-weight: 600; +} + +.ul-footer .ul-footer-link a { + color: #ddd; + margin: 5px 10px; +} + +.ul-footer p { + margin-top: 5px; +} + +.ul-descriptions { + display: grid; + grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%; +} +.ul-descriptions .item { + display: inline-flex; + position: relative; + min-height: 40px; +} +.ul-descriptions .item .label { + width: 78px; + padding: 0 6px; + position: absolute; + height: 100%; + display: flex; + align-items: center; + justify-content: flex-end; + color: #333; + min-width: 78px; + font-weight: 400; +} +.ul-descriptions .item .value { + width: calc(100% - 90px - 12px); + margin-left: 102px; + display: flex; + align-items: center; + justify-content: left; + height: auto; + white-space: break-all; + word-break: break-all; + color: #666; +} +.ul-descriptions .item.article { + grid-column-start: 1; + grid-column-end: 4; +} +.ul-descriptions .item.article .label { + align-items: flex-start; + padding-top: 10px; + height: calc(100% - 10px); +} +.ul-descriptions .item.article .value .article-item { + white-space: break-spaces; + padding: 5px; +} +.ul-descriptions .item.article .value .article-item img { + max-width: 100%; +} +.ul-descriptions .item.tag .value .tag-item { + padding: 3px 6px; + border-radius: 3px; + background-color: #6cf; + color: #fff; + margin-right: 5px; + font-size: 12px; +} +.ul-descriptions .item.poster { + grid-row: span 2; +} +.ul-descriptions .item.poster .value .poster-item { + max-width: 100%; + max-height: 80px; + margin: 5px; +} +.ul-descriptions .item.line { + grid-column-start: 1; + grid-column-end: 4; +} +.ul-descriptions .item.lines { + grid-column-start: 1; + grid-column-end: 4; +} +.ul-descriptions .item.lines .label { + align-items: flex-start; + padding-top: 10px; + height: calc(100% - 10px); +} +.ul-descriptions .item.short-line { + grid-column: span 2; +} +.ul-descriptions .item.box { + grid-row: span 2; +} +.ul-descriptions.table { + border-style: solid; + border-color: #000; + border-width: 1px; + margin-right: 1px; + margin-bottom: 1px; +} +.ul-descriptions.table .item { + border-style: solid; + border-color: #000; + border-width: 0px 1px 1px 0; + margin-bottom: -1px; + margin-right: -1px; +} +.ul-descriptions.table .item .label { + position: absolute; + border-right: 1px solid #000; +} +.ul-descriptions.table .item.line { + border-right: 0; +} +.ul-descriptions.border { + border-style: solid; + border-color: rgb(235, 238, 245); + border-width: 1px; + margin-right: 1px; + margin-bottom: 0px; +} +.ul-descriptions.border .item { + border-style: solid; + border-color: rgb(235, 238, 245); + border-width: 0px 1px 1px 0; + margin-bottom: 0px; + margin-right: -1px; +} +.ul-descriptions.border .item .label { + position: absolute; + border-right: 1px solid rgb(235, 238, 245); + background-color: rgb(245, 247, 250); +} +.ul-descriptions.border .item.line { + border-right: 0; +} +.ul-descriptions.padding .item .value { + padding: 10px; + margin-left: 92px; +} + +/* 头部开始 */ +.ul-header { + background-color: #fff; + box-shadow: 0 3px 5px #999; + padding: 3px; +} + +.ul-header-main { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 auto; +} + +.ul-header-logo { + max-height: 48px; +} + +.ul-header-user { + display: flex; + align-items: center; + justify-content: center; +} + +.ul-header-user-avatar { + background-image: url("/static/images/avatar.png"); + width: 45px; + height: 45px; + background-size: cover; + background-position: center; +} + +.ul-header-user-options { + display: flex; + align-items: center; + color: #999; + font-size: 12px; + cursor: pointer; + margin-top: 5px; +} + +.ul-header-user-info { + margin-left: 10px; +} + +.ul-easy-image { + margin: 5px; + border-radius: 15px; + overflow: hidden; + background-color: #fff; + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); +} +.ul-easy-image__main { + width: 100%; + height: 160px; +} +.ul-easy-image__footer { + padding: 5px 15px; + display: flex; + align-items: flex-end; + justify-content: space-between; +} +.ul-easy-image__title { + margin-top: 10px; + padding-bottom: 10px; + font-size: 16px; + font-weight: 600; +} + +.ul-descriptions-info { + display: flex; + align-items: flex-start; + justify-content: space-between; + flex-wrap: wrap; + flex-shrink: 1; +} +.ul-descriptions-info__item { + width: 50%; + line-height: 2.5; + display: flex; + align-items: center; + justify-content: flex-start; + color: #333; +} +.ul-descriptions-info__item__name { + margin-right: 5px; +} +.ul-descriptions-info__item__name::after { + content: "："; +} + +.ul-easy-item { + display: flex; + align-items: flex-start; + justify-content: flex-start; + padding: 5px 0; +} +.ul-easy-item__name { + min-width: 50px; + color: #333; +} +.ul-easy-item__desc { + color: #777; + display: flex; + align-items: center; + justify-content: flex-start; +} +.ul-easy-item__desc__item { + margin: 0 8px; +} + +.ul-shop-header { + padding: 15px; +} +.ul-shop-header__main { + display: flex; + align-items: center; + justify-content: flex-start; + position: relative; +} +.ul-shop-header__logo { + width: 80px; + height: 80px; +} +.ul-shop-header__info { + margin-left: 15px; +} +.ul-shop-header__info__name { + line-height: 30px; + font-size: 16px; + font-weight: 600; +} +.ul-shop-header__info__tag { + display: flex; + margin-top: 5px; +} +.ul-shop-header__info__tag__item { + vertical-align: middle; + margin-right: 10px; + color: #bbb; + font-size: 14px; +} +.ul-shop-header__right { + position: absolute; + right: 0; + top: 0; + height: 100%; + display: flex; + align-items: center; +} +.ul-shop-header__footer { + border-top: 1px solid #eee; + margin-top: 10px; + padding-top: 10px; + display: flex; + align-items: flex-start; + justify-content: flex-start; + font-size: 14px; + color: #999; +} +.ul-shop-header__footer__item { + margin-right: 15px; +} +.ul-shop-header__footer__item__icon { + color: #333; + margin-right: 3px; +} + +.ul-book-list { + display: flex; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; +} + +.ul-book-item { + width: 140px; + display: flex; + align-items: flex-start; + justify-content: space-between; + margin-bottom: 15px; + margin-right: 15px; + cursor: pointer; + border: 1px solid transparent; +} + +.ul-book-item:hover { + border-color: #ddd; +} + +.ul-book-poster { + background-image: url(../img/book-bg.png); + background-size: cover; + background-position: center; + width: 60px; + height: 80px; + /* margin-right : 15px; */ +} + +.ul-book-info { + position: relative; + height: 80px; + width: 75px; +} + +.ul-book-title { + font-size: 16px; + color: #3e3a39; + margin-bottom: 6px; + font-weight: 600; + line-height: 1.5; + word-break: break-all; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; +} + +.ul-book-author { + font-size: 12px; + color: #3e3a39; + word-break: break-all; +} + +.ul-book-status { + font-size: 12px; + color: #99999a; + position: absolute; + bottom: 0; + left: 0; +} + +.ul-book-list.big .ul-book-item { + width: 240px; +} + +.ul-book-list.big .ul-book-poster { + width: 120px; + height: 160px; +} + +.ul-book-list.big .ul-book-info { + height: 160px; + width: 110px; +} + +.ul-music-list .ul-music-list-item { + display: flex; + align-items: center; + justify-content: left; + padding: 10px; +} +.ul-music-list .ul-music-list-item__image { + width: 50px; + height: 50px; + border-radius: 5px; +} +.ul-music-list .ul-music-list-item__number { + font-size: 16px; + font-weight: bolder; + margin: 12px; +} +.ul-music-list .ul-music-list-item__title { + color: #303133; + font-size: 16px; +} +.ul-music-list .ul-music-list-item__dot { + color: #303133; + font-size: 16px; + margin: 8px; +} +.ul-music-list .ul-music-list-item__author { + color: #999; + font-size: 13px; +} + +.ul-order-list-simple-card .item { + box-shadow: 0 0 3px #ddd; + border-radius: 2px; + padding: 15px; + margin-bottom: 15px; + background-color: #fff; +} +.ul-order-list-simple-card .item-header { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 13px; + margin-bottom: 5px; +} +.ul-order-list-simple-card .item-header .item-header-status { + color: #1E9FFF; +} +.ul-order-list-simple-card .item-body { + margin-top: 10px; + padding-bottom: 10px; +} +.ul-order-list-simple-card .item-body .item-body-item { + display: flex; + align-items: center; + justify-content: space-between; + padding: 5px 0; +} +.ul-order-list-simple-card .item-body .item-body-item .item-image { + width: 90px; + height: 90px; + background-size: cover; + background-position: center; + box-shadow: 0 0 2px #999; +} +.ul-order-list-simple-card .item-body .item-body-item .item-info { + width: calc(100% - 90px - 15px); + margin-left: 15px; + height: 90px; + position: relative; +} +.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-title { + font-weight: 500; + font-size: 15px; + margin-bottom: 5px; + text-overflow: -o-ellipsis-lastline; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} +.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-value { + display: flex; + align-items: center; + justify-content: space-between; + color: #999; + font-size: 14px; +} +.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-money { + position: absolute; + bottom: 0; + left: 0; + font-size: 15px; + font-weight: 600; +} +.ul-order-list-simple-card .item-footer { + padding-top: 15px; + margin-top: 5px; + border-top: 1px solid #eee; + display: flex; + align-items: center; + justify-content: space-between; +} + +.ul-photo-card-list { + display: flex; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; +} + +.ul-photo-card-item { + width: 200px; + margin: 15px; + box-shadow: 0 5px 10px #999; +} + +.ul-photo-card-poster { + width: 100%; + height: 140px; + background-size: cover; + background-position: center; +} + +.ul-photo-card-info { + padding: 5px; + font-size: 18px; + line-height: 1.5; +} + +.ul-photo-card-desc { + font-size: 14px; + color: #999; +} + +.ul-photo-list { + display: flex; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; +} + +.ul-photo-item { + margin: 15px; + text-align: center; + min-width: 220px; +} + +.ul-photo-poster { + width: 180px; + height: 140px; + background-image: url("../static/images/avatar.png"); + background-size: cover; + background-position: center; + margin: 0 auto; + box-shadow: 1px 1px 3px #999; +} + +.ul-photo-info { + margin-top: 10px; + font-size: 18px; + line-height: 1.5; +} + +.ul-photo-desc { + font-size: 14px; + color: #999; +} + +.ul-photo-list-b { + display: flex; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; +} +.ul-photo-list-b .ul-photo-item { + margin: 15px; + text-align: left; + width: 200px; +} +.ul-photo-list-b .ul-photo-poster { + width: 100%; + height: 120px; + background-image: url("../static/images/avatar.png"); + background-size: cover; + background-position: center; + margin: 0 auto; + box-shadow: 1px 1px 3px #bbb; +} +.ul-photo-list-b .ul-photo-info { + margin-top: 10px; + font-size: 18px; + line-height: 1.5; +} + +.ul-site-group { + margin-bottom: 8px; +} + +.ul-site-group-header { + font-size: 16px; + color: #333; + padding-bottom: 8px; +} + +.ul-site-list { + display: flex; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; + margin-top: 8px; +} + +.ul-site-item { + width: 20%; + margin-right: 5%; + display: flex; + align-items: flex-start; + justify-content: flex-start; + margin-bottom: 15px; +} +.ul-site-item.card { + background-color: #fff; + border-radius: 5px; + padding: 10px; + margin-right: 15px; +} +.ul-site-item.same-height { + align-self: normal; +} + +.ul-site-item-logo { + width: 34px; + height: 34px; + margin-right: 8px; + margin-top: 4px; + background-size: cover; + background-position: center; +} + +.ul-site-item-info { + width: calc(100% - 34px); +} + +.ul-site-item-title { + color: #4662d9; + font-weight: bold; + text-decoration: none; +} + +.ul-site-item-desc { + font-size: 12px; + color: #666; +} + +@media screen and (max-width: 450px) { + .ul-site-list { + display: flex; + align-items: flex-start; + justify-content: space-between; + } + .ul-site-list .ul-site-item { + width: calc(50% - 10px); + margin-right: 0; + } + .ul-site-list .ul-site-item.card { + width: calc(50% - 30px); + } + .ul-site-list .ul-site-item-desc { + font-size: 11px; + margin-top: 3px; + } +} +.ul-nav-info__item { + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px; +} +.ul-nav-info__item__main__info { + display: flex; + align-items: center; + justify-content: flex-start; +} +.ul-nav-info__item__main__icon { + margin-right: 10px; +} +.ul-nav-info__item__main__title { + font-size: 15px; + font-weight: 400; +} +.ul-nav-info__item__main__content { + margin-top: 10px; + color: #bbb; + font-size: 14px; +} +.ul-nav-info__item__right { + display: flex; + align-items: center; + justify-content: flex-end; + color: #bbb; +} +.ul-nav-info__item__right__item { + margin-left: 5px; +} +.ul-nav-info__item:not(:last-child) { + border-bottom: 1px solid #eee; +} + +/* 链接导航开始 */ +.ul-link-select { + display: flex; + align-items: flex-start; + justify-content: flex-start; +} + +.ul-link-title { + margin-right: 15px; + white-space: nowrap; +} + +.ul-link-list { + display: flex; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; +} + +.ul-link-item { + padding: 0px 10px; + cursor: pointer; + margin-right: 10px; + margin-bottom: 5px; +} + +.ul-link-item.current { + border-radius: 15px; + border: 1px solid #6cf; + color: #6cf; +} + +/* 链接导航结束 */ +.ul-info-tips { + padding: 15px; + background-color: rgba(255, 255, 255, 0.6); +} + +.ul-card-status { + padding: 5px; + border-radius: 5px; +} + +.ul-card-options { + float: right; + cursor: pointer; +} + +.data-item { + margin-right: 15px; +} + +.data-img .data-img-main { + max-width: 120px; + margin: 5px; +} + +.data-img { + display: block; +} + +.ul-card-list { + display: flex; + flex-wrap: wrap; +} + +.ul-card-list .ul-card { + margin-right: 15px; +} + +.ul-card-list .layui-card:last-child { + margin-bottom: 15px; +} + +.ul-title { + text-align: center; + line-height: 1.5; +} + +.ul-title-main { + font-size: 16px; +} + +.ul-title-plus { + color: #999; +} + +.ul-title-line { + border-top: 2px solid #666; + margin-top: 8px; +} + +.ul-message-item { + margin-bottom: 15px; + display: flex; + justify-content: flex-start; + align-items: flex-start; + padding: 15px; +} + +.ul-message-item-left { + width: 120px; +} + +.ul-message-item-right { + width: calc(100% - 120px); +} + +.ul-message-item-info { + position: relative; +} + +.ul-message-item-options { + position: absolute; + right: 0; + top: 0; +} + +.ul-message-item-avatar { + background-size: cover; + background-position: center; + width: 100px; + height: 100px; + border-radius: 50%; +} + +.ul-message-item-name { + display: flex; + color: #6cf; + font-size: 16px; +} + +.ul-message-item-data { + display: flex; + font-size: 14px; + color: #999; + margin-top: 10px; +} + +.ul-message-item-content { + background-color: #f0f0f0; + padding: 15px; + margin-top: 10px; +} + +.ul-message-item-img-list { + margin-top: 10px; +} + +.ul-message-item-img { + width: 160px; + height: 120px; + background-size: cover; + background-position: center; + margin-right: 10px; + display: inline-block; +} + +.ul-nav-easy { + background-color: transparent; +} + +.layui-nav-tree.ul-nav-easy .layui-nav-item > a { + color: #666; +} + +.layui-nav-tree.ul-nav-easy .layui-this { + background-color: transparent; +} + +.layui-nav-tree.ul-nav-easy .layui-this > a { + background-color: transparent; + color: #6cf; +} + +.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover { + color: #6cf; +} + +.layui-nav-tree.ul-nav-easy .layui-nav-item a:hover { + color: #fff; +} + +.layui-nav-tree.ul-nav-easy .layui-nav-item a { + height: 45px; + line-height: 45px; +} + +.search-item { + margin-bottom: 15px; +} + +.ul-upload-photo-item { + display: inline-block; + width: 120px; + height: 120px; + margin: 5px; + background-color: #ddd; + cursor: pointer; + box-shadow: 0 3px 5px #999; + position: relative; +} + +.ul-upload-photo-main { + background-size: cover; + background-position: center; + width: 100%; + height: 100%; +} + +.ul-upload-photo-delete { + position: absolute; + right: 5px; + top: 5px; + z-index: 999; + font-size: 20px; + color: #fff; + text-shadow: 0 0 2px #000; +} + +.ul-upload-photo-button { + background-image: url("img/upload.png"); + background-size: cover; + background-position: center; +} + +.ul-group-title { + color: #999; + border-bottom: 1px solid #bbb; + padding: 5px 0; + margin-bottom: 15px; +} + +.ul-tree-item { + background-color: #fbfbfb; + cursor: pointer; +} + +.ul-tree-item.disabled, +.ul-tree-item.disabled .ul-tree-item { + background-color: #eee; + cursor: not-allowed; +} + +.ul-tree-item-info { + border-left: 3px solid transparent; + padding: 0px 0; + position: relative; + min-height: 35px; + line-height: 35px; +} + +.ul-tree-item-info.current { + background-color: #9cf; + border-color: #6699cc; +} + +.ul-tree-item-info:hover { + background-color: rgb(190, 222, 255); + border-color: #6699cc; +} + +.ul-tree-item-title { + margin-left: 25px; +} + +.ul-tree-item-icon { + position: absolute; + left: 5px; + top: 0; +} + +.ul-tree-item-info:hover .ul-tree-item-options-item { + display: block; +} + +.ul-tree-item-options { + position: absolute; + right: 15px; + top: 0; + height: 100%; + display: flex; + align-items: center; +} + +.ul-tree-item-options-item { + margin-left: 10px; + display: none; + height: 100%; + line-height: 35px; +} + +.ul-note-item { + display: flex; + justify-content: flex-start; + align-items: flex-start; + cursor: pointer; + padding: 15px; +} + +.ul-note-item.current, +.ul-note-item:hover { + background-color: #dedede; +} + +.ul-note-item .ul-note-item-icon { + margin-right: 10px; +} + +.ul-note-item .ul-note-item-desc { + color: #999; + font-size: 12px; + margin-top: 5px; + word-break: break-all; +} + +.ul-note-item .ul-note-item-time { + color: #bbb; + font-size: 12px; + margin-top: 5px; +} + +.ul-note-item .ul-note-item-tree { + font-size: 12px; + color: #bbb; + margin-top: 5px; +} + +.ul-input-table { + text-align: center; +} + +.ul-input-table tbody td, +.ul-input-table tbody th { + padding: 2px 4px; +} + +.ul-input-table .layui-form-checkbox[lay-skin=primary] { + margin-top: 0px; +} + +.ul-input-table .layui-form-select dl dd { + text-align: left; +} + +.ul-nav-min { + box-shadow: 2px 2px 5px #999; + padding: 5px; + text-align: center; +} + +.ul-nav-min .ul-nav-min-item { + padding: 5px 0; + cursor: pointer; + color: #333; + display: block; +} + +.ul-nav-min-item:hover { + color: #6cf; +} + +.ul-header-a { + background-color: #f8f8f8; + border-bottom: 1px solid #e8e8e8; + color: #666; +} + +.ul-header-a-main { + display: flex; + align-items: center; + justify-content: space-between; + /* border-width: 1px 0; + border-color : #bbb; + border-style : solid; */ + padding: 5px; + margin: 0 auto; +} + +.ul-header-a-nav-item { + margin-right: 15px; + position: relative; + display: flex; + align-items: center; + cursor: pointer; +} + +.ul-header-a-nav-item:hover .ul-header-a-nav-plus { + display: block; +} + +.ul-header-a-img { + height: 24px; + width: 24px; + background-size: cover; + background-position: center; + margin-right: 10px; +} + +.ul-header-a-right { + display: flex; + align-items: center; +} + +.ul-header-a-nav-plus { + position: absolute; + top: 100%; + left: 50%; + display: none; + background-color: transparent; + z-index: 99999; +} + +.ul-header-a-nav-plus > .ul-nav-min { + background-color: #fff; + margin-top: 15px; +} + +.ul-nav-header-main { + display: flex; + align-items: center; + justify-content: space-between; + padding: 5px 15px; + margin: 0 auto; +} + +.ul-nav-header-right { + text-align: right; +} + +.ul-nav-header-item { + display: inline-block; + margin-right: 15px; + cursor: pointer; + padding: 5px 15px; + color: #333; +} + +.ul-nav-header-item:hover { + color: #6cf; +} + +.ul-nav-header-red { + background-color: #f72222; +} + +.ul-nav-header-red .ul-nav-header-item { + color: #fff; +} + +.ul-nav-header-red .ul-nav-header-item:hover { + color: #fedf50; +} + +.ul-nav-header-primary { + background-color: #6cf; +} + +.ul-nav-header-primary .ul-nav-header-item { + color: #fff; +} + +.ul-nav-header-primary .ul-nav-header-item:hover { + color: #ccffff; +} + +.ul-card-a { + width: 180px; + display: flex; + justify-content: space-between; + border: 1px solid #bbb; + box-shadow: 2px 2px 5px #999; + color: #516073; + padding: 15px; + cursor: pointer; + margin-right: 15px; + margin-bottom: 15px; + position: relative; +} + +.ul-card-a-left { + width: 40%; +} + +.ul-card-a-right { + display: flex; + align-items: center; + text-align: center; + width: 50%; +} + +.ul-card-a-title { + font-size: 18px; +} + +.ul-card-a-desc { + margin-top: 5px; + font-size: 14px; + white-space: nowrap; +} + +.ul-nav-poster { + padding: 5px; + border: 1px solid #ddd; + border-top-width: 3px; +} + +.ul-nav-poster-item { + display: flex; + justify-content: space-between; + align-items: center; + cursor: pointer; +} + +.ul-nav-poster-left { + display: flex; + align-items: center; +} + +.ul-nav-post-title { + color: #333; + font-weight: bold; +} + +.ul-nav-poster-desc { + color: #999; + font-size: 12px; + font-weight: 100; +} + +.ul-nav-poster-img { + width: 38px; + height: 38px; + margin: 5px; + background-size: cover; + background-position: center; +} + +.ul-nav-poster-item:not(:last-child) { + border-bottom: 1px dashed #ddd; +} + +.ul-card-bank { + width: 249px; + border: 1px solid #e4e4e4; + border-radius: 5px; + box-shadow: 0 1px 1px #e9e9e9; + display: inline-block; + margin-right: 14px; + margin-bottom: 10px; + color: #666666; + font-size: 12px; + cursor: pointer; +} + +.ul-card-bank-header { + padding: 10px 0; + margin: 0 14px; + border-bottom: 1px dotted #d9d9d9; +} + +.ul-card-bank-body { + height: 40px; + padding: 10px 10px 20px 0; +} + +.ul-card-bank-line { + width: 88px; + height: 23px; + font-weight: 100; + text-align: center; + background: #2e4158; + border-radius: 0 3px 0 0; + font-size: 14px; + float: left; +} + +.ul-card-bank-footer { + padding: 3px 14px; + background: #f8f8f8; + border-top: 1px solid #e7e7e7; +} + +.ul-card-bank-line-triangle { + width: 0px; + height: 3px; + display: block; + float: right; + border-left: 9px solid transparent; + border-bottom: 20px solid #fff; +} + +.ul-card-bank-tips { + color: #6cf; + font-size: 14px; +} + +.ul-nav-link-item { + display: inline-block; + margin: 5px 0; + padding: 0 10px; + border: 1px solid transparent; + color: #333; + white-space: nowrap; +} + +.ul-nav-link-item:not(:last-child) { + border-right-color: #666; +} + +.ul-group-title-2 { + background: #d2dbe0; + width: 84px; + height: 28px; + line-height: 28px; + font-size: 14px; + font-weight: bold; + text-align: center; + position: relative; + margin-top: 30px; + margin-bottom: 14px; + color: #666666; +} + +.ul-group-title-2::after { + content: ""; + width: 0; + height: 0; + position: absolute; + border-top: 14px solid transparent; + border-bottom: 14px solid transparent; + border-left: 15px solid #d2dbe0; + right: -15px; + top: 0px; +} + +.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; +} + +.ul-ad-left { + width: 72%; + height: 170px; +} + +.ul-ad-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: center; +} + +.ul-ad-right { + width: 25%; +} + +.ul-ad-title { + font-size: 28px; + font-weight: 100; + margin: 0; + color: #e4393c; +} + +.ul-ad-desc { + font-size: 14px; + color: #666666; + margin: 26px 0; + line-height: 24px; +} + +.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; + margin-bottom: 4px; +} + +.ul-nav-card-item-desc { + color: #666; + font-size: 12px; +} + +.ul-nav-card-item.disabled .ul-nav-card-item-icon { + background-color: #908b8b; +} + +.ul-card-data-container { + display: flex; + flex-wrap: wrap; +} + +.ul-card-data { + display: inline-block; + border: 1px solid #eee; + border-radius: 5px; + padding: 15px; + margin-right: 15px; + margin-bottom: 15px; + /* height : 70px; */ +} + +.ul-card-data-a-title { + padding-bottom: 15px; + color: #6cf; + font-size: 28px; +} + +.ul-card-data-a-item { + display: inline-block; + margin-right: 5px; +} + +.ul-card-data-b-icon { + display: inline-block; + margin-right: 15px; + font-size: 46px; + background-color: #6cf; + padding: 8px; + color: #fff; + border-radius: 5px; +} + +.ul-card-data-b-info { + display: inline-block; + margin-right: 15px; +} + +.ul-card-data-b-value { + font-size: 28px; + color: #6cf; + margin-top: 5px; +} + +.ul-card-data-b-main { + display: flex; + align-items: center; +} + +.ul-card-data-b-title { + line-height: 24px; +} + +.ul-card-data-c-item { + display: inline-block; + padding: 10px 40px; + text-align: center; + color: #999; +} + +.ul-card-data-c-item:not(:last-child) { + border-right: 1px solid #ddd; +} + +.ul-card-data-c-value { + font-size: 18px; + line-height: 30px; +} + +.ul-card-data-c-title { + font-size: 12px; +} + +.ul-course-list { + margin: -10px; + font-size: 0; + display: flex; + flex-wrap: wrap; +} + +.ul-course-item { + display: inline-block; + margin: 10px; + width: calc(25% - 20px); + background-color: #fff; + padding-bottom: 12px; + cursor: pointer; + font-size: 14px; +} + +.ul-course-item-poster { + background-position: center; + background-size: cover; + height: 140px; + transition: all 0.6s; + position: relative; +} + +.ul-course-item-tag { + position: absolute; + right: 8px; + top: 8px; + z-index: 9999; +} + +.ul-course-item-info { + padding: 6px; +} + +.ul-course-item-title { + padding: 8px 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.ul-course-item-option-item { + display: inline-block; + margin-right: 8px; + font-size: 12px; + color: #999; +} + +.ul-course-item-poster:hover { + transform: scale(1.2); +} + +.ul-course-item-poster-container:hover .ul-course-item-tag { + display: none; +} + +.ul-course-item-poster-container { + overflow: hidden; + position: relative; +} + +.ul-avatar-sidebar-list-item { + display: flex; + align-items: center; + justify-content: flex-start; + margin-bottom: 12px; +} + +.ul-avatar-sidebar-list-item-img { + width: 58px; + height: 58px; + border-radius: 58px; + background-image: url("/static/images/avatar.png"); + background-size: cover; + background-position: center; +} + +.ul-avatar-sidebar-list-item-info { + margin-left: 10px; +} + +.ul-avatar-sidebar-list-item-intro { + font-size: 12px; + color: #999; + line-height: 2; +} + +.ul-course-sidebar-item { + display: flex; + padding: 8px 0; + align-items: center; + justify-content: flex-start; +} + +.ul-course-sidebar-item:not(:last-child) { + border-bottom: 1px dotted #999; +} + +.ul-course-sidebar-item-poster { + height: 50px; + width: 80px; + background-size: cover; + background-position: center; +} + +.ul-course-sidebar-item-option-item { + display: inline-block; + font-size: 12px; + color: #999; +} + +.ul-course-sidebar-item-info { + margin-left: 8px; +} + +.ul-course-sidebar-item-title { + line-height: 2; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +body .layui-quote-gray { + background-color: #f0f0f0; + color: #666; + border-left-color: #ddd; +} + +.ul-doc-info-page-list { + padding: 15px; + color: #999; +} + +.ul-doc-info-page-item { + line-height: 2; + padding: 0 15px; + position: relative; +} + +.ul-doc-info-page-item.page { + cursor: pointer; + font-size: 18px; +} + +.ul-doc-info-page-item.group { + color: #bbb; + font-size: 16px; +} + +.ul-doc-info-page-item.point { + color: #eee; + font-size: 14px; +} + +.ul-doc-info-page-item.page:hover { + background-color: #555; +} + +.ul-doc-info-page-item.level-1 { + margin-left: 15px; +} + +.ul-doc-info-page-item.level-2 { + margin-left: 30px; +} + +.ul-doc-info-page-item.level-3 { + margin-left: 45px; +} + +.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; + cursor: pointer; +} + +.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; +} + +.ul-timeline-rowstyle { + display: flex; + flex-wrap: nowrap; + overflow-x: auto; + width: 100%; +} + +.ul-timeline-rowstyle .layui-timeline-item { + margin-right: 15px; + min-width: 300px; +} + +.ul-timeline-rowstyle .layui-timeline-item:last-child::before { + display: block; +} \ No newline at end of file diff --git a/public/cdn/layui-ul.min.css b/public/cdn/layui-ul.min.css new file mode 100644 index 0000000..6b35700 --- /dev/null +++ b/public/cdn/layui-ul.min.css @@ -0,0 +1 @@ +.ul-padding-md{padding:15px}.ul-margin-md{margin:15px}.ul-section{margin-bottom:15px}.ul-inline-block{display:inline-block !important;margin-right:15px;margin-bottom:15px}.ul-icon-exit{display:inline-block;width:16px;height:16px;background-image:url("img/exit.png");background-size:cover;background-position:center}.ul-border-right{border-right:1px solid #bbb}.ul-bg-white{background-color:#fff}.ul-bg-gray{background-color:#f0f0f0}.ul-bg-black{background-color:#393d49}.ul-bg-dark{background-color:#1f2430}.ul-color-main{color:#6cf !important}.ul-color-white{color:#fff !important}.ul-common-flex-list{display:flex;flex-wrap:wrap}.ul-common-flex-sb{display:flex;align-items:center;justify-content:space-between}.ul-mobile-box{width:360px}.ul-demo-img-bg{background-image:url("https://layui.ulthon.com/cdn/img/view.jpg");background-size:cover;background-position:center}.ul-demo-mobile-page{width:360px;height:660px;border:0;box-shadow:0 0 3px #bbb}.ul-avatar-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#ddd}.ul-avatar-list-item.current{background-color:#bbb}.ul-avatar-list-item-img{height:48px;width:48px;background-image:url("/static/images/avatar.png");background-size:cover;background-position:center;border-radius:3px;background-color:#fff}.ul-avatar-list-item-info{margin-left:10px;position:relative;width:calc(100% - 48px - 10px)}.ul-avatar-list-item-time{position:absolute;right:0;top:0;color:#999}.ul-avatar-list-item-tips{color:#999;font-size:14px;display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.ul-order-list-simple-card .item{box-shadow:0 0 3px #ddd;border-radius:2px;padding:15px;margin-bottom:15px;background-color:#fff}.ul-order-list-simple-card .item-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:5px}.ul-order-list-simple-card .item-header .item-header-status{color:#1e9fff}.ul-order-list-simple-card .item-body{margin-top:10px;padding-bottom:10px}.ul-order-list-simple-card .item-body .item-body-item{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.ul-order-list-simple-card .item-body .item-body-item .item-image{width:90px;height:90px;background-size:cover;background-position:center;box-shadow:0 0 2px #999}.ul-order-list-simple-card .item-body .item-body-item .item-info{width:calc(100% - 90px - 15px);margin-left:15px;height:90px;position:relative}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-title{font-weight:500;font-size:15px;margin-bottom:5px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-value{display:flex;align-items:center;justify-content:space-between;color:#999;font-size:14px}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-money{position:absolute;bottom:0;left:0;font-size:15px;font-weight:600}.ul-order-list-simple-card .item-footer{padding-top:15px;margin-top:5px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.ul-nav-tree-group-title{font-size:16px;font-weight:600;line-height:2}.ul-nav-tree-item{display:flex;align-items:baseline;cursor:pointer;padding:5px;white-space:nowrap}.ul-nav-tree-item.current .ul-nav-tree-item-title{color:#6cf}.ul-nav-tree-item-title{font-size:15px}.ul-nav-tree-item-desc{font-size:14px;color:#999;margin-left:15px}.ul-nav-card-simple .ul-nav-card-item{border-radius:6px;background-color:#fff;box-shadow:0px 8px 18px -8px #aebcca;border:unset}.layui-nav.ul-nav-white{background-color:#f0f0f0}.layui-nav.ul-nav-white .layui-nav-child a{color:#666}.layui-nav.ul-nav-white .layui-nav-item a{color:#666}.layui-nav.ul-nav-white .layui-nav-itemed>.layui-nav-child{background-color:rgba(255,255,255,.6) !important;padding-left:15px;min-width:calc(100% - 15px) !important}.layui-nav-tree.ul-nav-white .layui-nav-item a:hover{background-color:#9cf;color:#fff !important}.layui-nav.ul-nav-white .layui-nav-itemed>a,.layui-nav-tree.ul-nav-white .layui-nav-title a,.layui-nav-tree.ul-nav-white .layui-nav-title a:hover{color:#666 !important}.layui-nav-tree.ul-nav-white .layui-nav-bar{background-color:#6cf}.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this,.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this a,.layui-nav-tree.ul-nav-white .layui-this,.layui-nav-tree.ul-nav-white .layui-this>a,.layui-nav-tree.ul-nav-white .layui-this>a:hover{background-color:#9cf;color:#fff}.ul-form-basic .layui-form-item{clear:unset;margin-bottom:6px}.ul-form-basic .layui-form-label{float:unset;width:unset;text-align:left;padding:5px 0;font-size:14px;color:#000}.ul-form-basic .layui-input-block{margin-left:unset;min-height:30px}.ul-form-basic .layui-input{padding:10px 11px;height:unset}.ul-form-basic .layui-form-mid{padding:5px 0 !important}.ul-form-basic .layui-form-select dl{top:28px}.ul-form-basic .layui-form-select dl dd,.ul-form-basic .layui-form-select dl dt{height:30px}.ul-form-space-between .layui-form-item{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #eee}.ul-form-space-between .layui-form-item::after{content:unset}.ul-form-space-between .layui-form-item:last-child{border:unset}.ul-form-space-between .layui-form-item .layui-form-label{text-align:left;float:unset}.ul-form-space-between .layui-form-item .layui-input-block{margin-left:unset;width:60%;text-align:right}.ul-form-space-between .layui-form-item .layui-input{border:unset;text-align:right}.ul-form-space-between .layui-form-item .layui-form-mid{text-align:right;display:block;float:unset}.ul-field-clean{border:unset}.ul-field-clean .legend{margin:5px;text-align:center;width:100%;font-size:16px;font-weight:600}.ul-field-clean .layui-field-box{margin-top:8px;background:#fff;border-radius:8px;box-shadow:0px 0px 4px rgba(77,85,114,.1);padding:15px}.ul-card-simple-icon{display:inline-block;margin-right:15px;margin-bottom:15px;box-shadow:0 2px 12px 0 #bbb;border-radius:4px;border:1px solid #ebeef5;background-color:#fff;box-sizing:border-box;width:100px;padding:10px;text-align:center}.ul-card-simple-icon .ul-card-simple-icon-image{width:80px;height:80px;background-size:cover;background-position:center;display:inline-block}.ul-card-simple-icon .ul-card-simple-icon-title{border-top:2px solid #ebeef5;margin-top:8px;padding-top:8px}.ul-card-message{border-radius:10px 10px 0 0;background-color:#fff}.ul-card-message .header{padding:15px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;border-bottom:2px solid #eee}.ul-card-message .body{padding:15px;padding-bottom:0}.ul-card-message .body .item{display:flex;align-items:flex-start;justify-content:flex-start;line-height:1.8;margin-bottom:10px}.ul-card-message .body .item .item-title{width:90px;color:#999}.ul-card-message .body .item .item-value{white-space:normal;width:calc(100% - 90px)}.ul-card-message .footer{text-align:right;padding:15px}.ul-info-card{background-color:#fff}.ul-info-card .header .img{width:100%;height:160px;background-size:cover;background-position:center}.ul-info-card .body{margin-top:15px}.ul-info-card .body .title{text-align:center;font-size:18px;font-weight:600;color:#333}.ul-info-card .body .line{height:3px;width:60px;background-color:#1e9fff;margin:10px auto}.ul-info-card .body .info{padding:15px}.ul-info-card .body .info .info-item{display:inline-block;min-width:30%;margin-bottom:10px;margin-right:1%}.ul-info-card .body .info .info-item .info-title{font-size:12px;color:#999;margin-bottom:6px}.ul-card-data-simple{display:flex;align-items:center;justify-content:flex-start;background-color:#fff}.ul-card-data-simple .item{margin:15px 0;padding:0 15px;text-align:left}.ul-card-data-simple .item .item-title{font-size:12px;color:#666}.ul-card-data-simple .item .item-value{font-size:16px;font-weight:600;line-height:30px}.ul-card-data-simple .item .item-rate{font-size:12px}.ul-card-data-simple .item .item-rate.up{color:#ff5722}.ul-card-data-simple .item .item-rate.down{color:#1e9fff}.ul-card-data-simple .item.line{border-right:1px solid #eee}.ul-card-data-simple.ul-card-data-simple-bg-black{background-color:#393d49;color:#fff;border-radius:15px;padding:15px;box-shadow:0 0 4px #999}.ul-card-data-simple.ul-card-data-simple-bg-black .item{padding:15px;margin:0 10px 0 0}.ul-card-data-simple.ul-card-data-simple-bg-black .item .item-title{color:#fff}.ul-card-data-simple.ul-card-data-simple-bg-black .item .item-value{font-size:20px}.ul-card-data-simple.ul-card-data-simple-bg-black .item.main{background-color:#fff;color:#393d49;border-radius:15px;box-shadow:1px 1px 3px #999;margin-right:25px}.ul-card-data-simple.ul-card-data-simple-bg-black .item.main .item-title{color:#393d49}.ul-data-card{margin:15px;padding:15px;box-shadow:0 0 3px #bbb;border-radius:5px}.ul-data-card .header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #eee}.ul-data-card .body{padding:10px 0}.ul-data-card .body .main{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-data-card .body .main .item{min-width:50%;display:flex;align-items:center;margin-bottom:10px}.ul-data-card .body .main .item .item-title{font-size:14px;font-weight:600}.ul-data-card .body .main .item .item-value{font-size:14px}.ul-data-card .footer{border-top:1px solid #eee;padding-top:10px;display:flex;justify-content:space-between;align-items:center}.ul-card-file{background-color:#fff;display:block;width:240px;color:#000 !important;cursor:pointer;box-shadow:0 0 2px #bbb}.ul-card-file .main{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 15px 5px 15px;height:60px}.ul-card-file .main .info .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:160px}.ul-card-file .main .info .desc{color:#bbb;font-weight:normal;font-size:12px;margin-top:5px}.ul-card-file .main .icon{font-size:40px;color:#999}.ul-card-file .main .icon.file{color:#bbb}.ul-card-file .main .icon.excel{color:#207346}.ul-card-file .main .icon.zip{color:#8b572a}.ul-card-file .main .icon.word{color:#2c569a}.ul-card-file .main .icon.powerpoint{color:#f2613f}.ul-card-file .main .icon.pdf{color:#fa5151}.ul-card-file .main .icon.video{color:#7c8eee}.ul-card-file .main .icon.audio{color:#f16c00}.ul-card-file .main .icon.image{color:#f6ad00}.ul-card-file .main .icon.text{color:#8289ad}.ul-card-file .main .icon.link{color:#4876f9}.ul-card-file .footer{display:flex;justify-content:space-between;font-size:12px;color:#999;border-top:1px solid #eee;padding:5px 15px 5px 15px}.ul-group-title-simple{line-height:30px;font-size:16px;padding-left:10px;position:relative}.ul-group-title-simple:before{content:"";display:block;position:absolute;left:0;height:16px;width:3px;top:7px;border-radius:3px;background:linear-gradient(0deg, #7FC0FC, #4B7EEF)}.ul-jumbotron{padding:15px;text-align:center}.ul-jumbotron .main{margin:20px auto;max-width:800px;text-align:center}.ul-jumbotron .main .title{font-size:32px;font-weight:600}.ul-jumbotron .main .desc{font-size:18px;line-height:1.8;margin:25px auto}.ul-jumbotron.dark{background-color:#1f2430;color:#fff}.ul-jumbotron.clean{background-color:#fff}.ul-jumbotron.left .main{text-align:left;max-width:auto;margin-left:30px}.ul-jumbotron.left .main .desc{margin:25px auto 25px 0}.ul-footer{background-color:#333;color:#fff}.ul-footer .container{display:flex;margin:0 auto;padding:40px 0}.ul-footer .logo{width:120px}.ul-footer .container>div{padding:0 25px}.ul-footer .container>div:not(:last-child){border-right:1px solid #555}.ul-footer .ul-footer-nav a{color:#fff;margin:5px 10px;font-weight:600}.ul-footer .ul-footer-link a{color:#ddd;margin:5px 10px}.ul-footer p{margin-top:5px}.ul-descriptions{display:grid;grid-template-columns:33.3333333333% 33.3333333333% 33.3333333333%}.ul-descriptions .item{display:inline-flex;position:relative;min-height:40px}.ul-descriptions .item .label{width:78px;padding:0 6px;position:absolute;height:100%;display:flex;align-items:center;justify-content:flex-end;color:#333;min-width:78px;font-weight:400}.ul-descriptions .item .value{width:calc(100% - 90px - 12px);margin-left:102px;display:flex;align-items:center;justify-content:left;height:auto;white-space:break-all;word-break:break-all;color:#666}.ul-descriptions .item.article{grid-column-start:1;grid-column-end:4}.ul-descriptions .item.article .label{align-items:flex-start;padding-top:10px;height:calc(100% - 10px)}.ul-descriptions .item.article .value .article-item{white-space:break-spaces;padding:5px}.ul-descriptions .item.article .value .article-item img{max-width:100%}.ul-descriptions .item.tag .value .tag-item{padding:3px 6px;border-radius:3px;background-color:#6cf;color:#fff;margin-right:5px;font-size:12px}.ul-descriptions .item.poster{grid-row:span 2}.ul-descriptions .item.poster .value .poster-item{max-width:100%;max-height:80px;margin:5px}.ul-descriptions .item.line{grid-column-start:1;grid-column-end:4}.ul-descriptions .item.lines{grid-column-start:1;grid-column-end:4}.ul-descriptions .item.lines .label{align-items:flex-start;padding-top:10px;height:calc(100% - 10px)}.ul-descriptions .item.short-line{grid-column:span 2}.ul-descriptions .item.box{grid-row:span 2}.ul-descriptions.table{border-style:solid;border-color:#000;border-width:1px;margin-right:1px;margin-bottom:1px}.ul-descriptions.table .item{border-style:solid;border-color:#000;border-width:0px 1px 1px 0;margin-bottom:-1px;margin-right:-1px}.ul-descriptions.table .item .label{position:absolute;border-right:1px solid #000}.ul-descriptions.table .item.line{border-right:0}.ul-descriptions.border{border-style:solid;border-color:#ebeef5;border-width:1px;margin-right:1px;margin-bottom:0px}.ul-descriptions.border .item{border-style:solid;border-color:#ebeef5;border-width:0px 1px 1px 0;margin-bottom:0px;margin-right:-1px}.ul-descriptions.border .item .label{position:absolute;border-right:1px solid #ebeef5;background-color:#f5f7fa}.ul-descriptions.border .item.line{border-right:0}.ul-descriptions.padding .item .value{padding:10px;margin-left:92px}.ul-header{background-color:#fff;box-shadow:0 3px 5px #999;padding:3px}.ul-header-main{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.ul-header-logo{max-height:48px}.ul-header-user{display:flex;align-items:center;justify-content:center}.ul-header-user-avatar{background-image:url("/static/images/avatar.png");width:45px;height:45px;background-size:cover;background-position:center}.ul-header-user-options{display:flex;align-items:center;color:#999;font-size:12px;cursor:pointer;margin-top:5px}.ul-header-user-info{margin-left:10px}.ul-easy-image{margin:5px;border-radius:15px;overflow:hidden;background-color:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.4)}.ul-easy-image__main{width:100%;height:160px}.ul-easy-image__footer{padding:5px 15px;display:flex;align-items:flex-end;justify-content:space-between}.ul-easy-image__title{margin-top:10px;padding-bottom:10px;font-size:16px;font-weight:600}.ul-descriptions-info{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;flex-shrink:1}.ul-descriptions-info__item{width:50%;line-height:2.5;display:flex;align-items:center;justify-content:flex-start;color:#333}.ul-descriptions-info__item__name{margin-right:5px}.ul-descriptions-info__item__name::after{content:"："}.ul-easy-item{display:flex;align-items:flex-start;justify-content:flex-start;padding:5px 0}.ul-easy-item__name{min-width:50px;color:#333}.ul-easy-item__desc{color:#777;display:flex;align-items:center;justify-content:flex-start}.ul-easy-item__desc__item{margin:0 8px}.ul-shop-header{padding:15px}.ul-shop-header__main{display:flex;align-items:center;justify-content:flex-start;position:relative}.ul-shop-header__logo{width:80px;height:80px}.ul-shop-header__info{margin-left:15px}.ul-shop-header__info__name{line-height:30px;font-size:16px;font-weight:600}.ul-shop-header__info__tag{display:flex;margin-top:5px}.ul-shop-header__info__tag__item{vertical-align:middle;margin-right:10px;color:#bbb;font-size:14px}.ul-shop-header__right{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center}.ul-shop-header__footer{border-top:1px solid #eee;margin-top:10px;padding-top:10px;display:flex;align-items:flex-start;justify-content:flex-start;font-size:14px;color:#999}.ul-shop-header__footer__item{margin-right:15px}.ul-shop-header__footer__item__icon{color:#333;margin-right:3px}.ul-book-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-book-item{width:140px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px;margin-right:15px;cursor:pointer;border:1px solid rgba(0,0,0,0)}.ul-book-item:hover{border-color:#ddd}.ul-book-poster{background-image:url(../img/book-bg.png);background-size:cover;background-position:center;width:60px;height:80px}.ul-book-info{position:relative;height:80px;width:75px}.ul-book-title{font-size:16px;color:#3e3a39;margin-bottom:6px;font-weight:600;line-height:1.5;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ul-book-author{font-size:12px;color:#3e3a39;word-break:break-all}.ul-book-status{font-size:12px;color:#99999a;position:absolute;bottom:0;left:0}.ul-book-list.big .ul-book-item{width:240px}.ul-book-list.big .ul-book-poster{width:120px;height:160px}.ul-book-list.big .ul-book-info{height:160px;width:110px}.ul-music-list .ul-music-list-item{display:flex;align-items:center;justify-content:left;padding:10px}.ul-music-list .ul-music-list-item__image{width:50px;height:50px;border-radius:5px}.ul-music-list .ul-music-list-item__number{font-size:16px;font-weight:bolder;margin:12px}.ul-music-list .ul-music-list-item__title{color:#303133;font-size:16px}.ul-music-list .ul-music-list-item__dot{color:#303133;font-size:16px;margin:8px}.ul-music-list .ul-music-list-item__author{color:#999;font-size:13px}.ul-order-list-simple-card .item{box-shadow:0 0 3px #ddd;border-radius:2px;padding:15px;margin-bottom:15px;background-color:#fff}.ul-order-list-simple-card .item-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:5px}.ul-order-list-simple-card .item-header .item-header-status{color:#1e9fff}.ul-order-list-simple-card .item-body{margin-top:10px;padding-bottom:10px}.ul-order-list-simple-card .item-body .item-body-item{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.ul-order-list-simple-card .item-body .item-body-item .item-image{width:90px;height:90px;background-size:cover;background-position:center;box-shadow:0 0 2px #999}.ul-order-list-simple-card .item-body .item-body-item .item-info{width:calc(100% - 90px - 15px);margin-left:15px;height:90px;position:relative}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-title{font-weight:500;font-size:15px;margin-bottom:5px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-value{display:flex;align-items:center;justify-content:space-between;color:#999;font-size:14px}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-money{position:absolute;bottom:0;left:0;font-size:15px;font-weight:600}.ul-order-list-simple-card .item-footer{padding-top:15px;margin-top:5px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.ul-photo-card-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-photo-card-item{width:200px;margin:15px;box-shadow:0 5px 10px #999}.ul-photo-card-poster{width:100%;height:140px;background-size:cover;background-position:center}.ul-photo-card-info{padding:5px;font-size:18px;line-height:1.5}.ul-photo-card-desc{font-size:14px;color:#999}.ul-photo-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-photo-item{margin:15px;text-align:center;min-width:220px}.ul-photo-poster{width:180px;height:140px;background-image:url("../static/images/avatar.png");background-size:cover;background-position:center;margin:0 auto;box-shadow:1px 1px 3px #999}.ul-photo-info{margin-top:10px;font-size:18px;line-height:1.5}.ul-photo-desc{font-size:14px;color:#999}.ul-photo-list-b{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-photo-list-b .ul-photo-item{margin:15px;text-align:left;width:200px}.ul-photo-list-b .ul-photo-poster{width:100%;height:120px;background-image:url("../static/images/avatar.png");background-size:cover;background-position:center;margin:0 auto;box-shadow:1px 1px 3px #bbb}.ul-photo-list-b .ul-photo-info{margin-top:10px;font-size:18px;line-height:1.5}.ul-site-group{margin-bottom:8px}.ul-site-group-header{font-size:16px;color:#333;padding-bottom:8px}.ul-site-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;margin-top:8px}.ul-site-item{width:20%;margin-right:5%;display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:15px}.ul-site-item.card{background-color:#fff;border-radius:5px;padding:10px;margin-right:15px}.ul-site-item.same-height{align-self:normal}.ul-site-item-logo{width:34px;height:34px;margin-right:8px;margin-top:4px;background-size:cover;background-position:center}.ul-site-item-info{width:calc(100% - 34px)}.ul-site-item-title{color:#4662d9;font-weight:bold;text-decoration:none}.ul-site-item-desc{font-size:12px;color:#666}@media screen and (max-width: 450px){.ul-site-list{display:flex;align-items:flex-start;justify-content:space-between}.ul-site-list .ul-site-item{width:calc(50% - 10px);margin-right:0}.ul-site-list .ul-site-item.card{width:calc(50% - 30px)}.ul-site-list .ul-site-item-desc{font-size:11px;margin-top:3px}}.ul-nav-info__item{display:flex;align-items:center;justify-content:space-between;padding:15px}.ul-nav-info__item__main__info{display:flex;align-items:center;justify-content:flex-start}.ul-nav-info__item__main__icon{margin-right:10px}.ul-nav-info__item__main__title{font-size:15px;font-weight:400}.ul-nav-info__item__main__content{margin-top:10px;color:#bbb;font-size:14px}.ul-nav-info__item__right{display:flex;align-items:center;justify-content:flex-end;color:#bbb}.ul-nav-info__item__right__item{margin-left:5px}.ul-nav-info__item:not(:last-child){border-bottom:1px solid #eee}.ul-link-select{display:flex;align-items:flex-start;justify-content:flex-start}.ul-link-title{margin-right:15px;white-space:nowrap}.ul-link-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-link-item{padding:0px 10px;cursor:pointer;margin-right:10px;margin-bottom:5px}.ul-link-item.current{border-radius:15px;border:1px solid #6cf;color:#6cf}.ul-info-tips{padding:15px;background-color:rgba(255,255,255,.6)}.ul-card-status{padding:5px;border-radius:5px}.ul-card-options{float:right;cursor:pointer}.data-item{margin-right:15px}.data-img .data-img-main{max-width:120px;margin:5px}.data-img{display:block}.ul-card-list{display:flex;flex-wrap:wrap}.ul-card-list .ul-card{margin-right:15px}.ul-card-list .layui-card:last-child{margin-bottom:15px}.ul-title{text-align:center;line-height:1.5}.ul-title-main{font-size:16px}.ul-title-plus{color:#999}.ul-title-line{border-top:2px solid #666;margin-top:8px}.ul-message-item{margin-bottom:15px;display:flex;justify-content:flex-start;align-items:flex-start;padding:15px}.ul-message-item-left{width:120px}.ul-message-item-right{width:calc(100% - 120px)}.ul-message-item-info{position:relative}.ul-message-item-options{position:absolute;right:0;top:0}.ul-message-item-avatar{background-size:cover;background-position:center;width:100px;height:100px;border-radius:50%}.ul-message-item-name{display:flex;color:#6cf;font-size:16px}.ul-message-item-data{display:flex;font-size:14px;color:#999;margin-top:10px}.ul-message-item-content{background-color:#f0f0f0;padding:15px;margin-top:10px}.ul-message-item-img-list{margin-top:10px}.ul-message-item-img{width:160px;height:120px;background-size:cover;background-position:center;margin-right:10px;display:inline-block}.ul-nav-easy{background-color:rgba(0,0,0,0)}.layui-nav-tree.ul-nav-easy .layui-nav-item>a{color:#666}.layui-nav-tree.ul-nav-easy .layui-this{background-color:rgba(0,0,0,0)}.layui-nav-tree.ul-nav-easy .layui-this>a{background-color:rgba(0,0,0,0);color:#6cf}.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover{color:#6cf}.layui-nav-tree.ul-nav-easy .layui-nav-item a:hover{color:#fff}.layui-nav-tree.ul-nav-easy .layui-nav-item a{height:45px;line-height:45px}.search-item{margin-bottom:15px}.ul-upload-photo-item{display:inline-block;width:120px;height:120px;margin:5px;background-color:#ddd;cursor:pointer;box-shadow:0 3px 5px #999;position:relative}.ul-upload-photo-main{background-size:cover;background-position:center;width:100%;height:100%}.ul-upload-photo-delete{position:absolute;right:5px;top:5px;z-index:999;font-size:20px;color:#fff;text-shadow:0 0 2px #000}.ul-upload-photo-button{background-image:url("img/upload.png");background-size:cover;background-position:center}.ul-group-title{color:#999;border-bottom:1px solid #bbb;padding:5px 0;margin-bottom:15px}.ul-tree-item{background-color:#fbfbfb;cursor:pointer}.ul-tree-item.disabled,.ul-tree-item.disabled .ul-tree-item{background-color:#eee;cursor:not-allowed}.ul-tree-item-info{border-left:3px solid rgba(0,0,0,0);padding:0px 0;position:relative;min-height:35px;line-height:35px}.ul-tree-item-info.current{background-color:#9cf;border-color:#69c}.ul-tree-item-info:hover{background-color:#bedeff;border-color:#69c}.ul-tree-item-title{margin-left:25px}.ul-tree-item-icon{position:absolute;left:5px;top:0}.ul-tree-item-info:hover .ul-tree-item-options-item{display:block}.ul-tree-item-options{position:absolute;right:15px;top:0;height:100%;display:flex;align-items:center}.ul-tree-item-options-item{margin-left:10px;display:none;height:100%;line-height:35px}.ul-note-item{display:flex;justify-content:flex-start;align-items:flex-start;cursor:pointer;padding:15px}.ul-note-item.current,.ul-note-item:hover{background-color:#dedede}.ul-note-item .ul-note-item-icon{margin-right:10px}.ul-note-item .ul-note-item-desc{color:#999;font-size:12px;margin-top:5px;word-break:break-all}.ul-note-item .ul-note-item-time{color:#bbb;font-size:12px;margin-top:5px}.ul-note-item .ul-note-item-tree{font-size:12px;color:#bbb;margin-top:5px}.ul-input-table{text-align:center}.ul-input-table tbody td,.ul-input-table tbody th{padding:2px 4px}.ul-input-table .layui-form-checkbox[lay-skin=primary]{margin-top:0px}.ul-input-table .layui-form-select dl dd{text-align:left}.ul-nav-min{box-shadow:2px 2px 5px #999;padding:5px;text-align:center}.ul-nav-min .ul-nav-min-item{padding:5px 0;cursor:pointer;color:#333;display:block}.ul-nav-min-item:hover{color:#6cf}.ul-header-a{background-color:#f8f8f8;border-bottom:1px solid #e8e8e8;color:#666}.ul-header-a-main{display:flex;align-items:center;justify-content:space-between;padding:5px;margin:0 auto}.ul-header-a-nav-item{margin-right:15px;position:relative;display:flex;align-items:center;cursor:pointer}.ul-header-a-nav-item:hover .ul-header-a-nav-plus{display:block}.ul-header-a-img{height:24px;width:24px;background-size:cover;background-position:center;margin-right:10px}.ul-header-a-right{display:flex;align-items:center}.ul-header-a-nav-plus{position:absolute;top:100%;left:50%;display:none;background-color:rgba(0,0,0,0);z-index:99999}.ul-header-a-nav-plus>.ul-nav-min{background-color:#fff;margin-top:15px}.ul-nav-header-main{display:flex;align-items:center;justify-content:space-between;padding:5px 15px;margin:0 auto}.ul-nav-header-right{text-align:right}.ul-nav-header-item{display:inline-block;margin-right:15px;cursor:pointer;padding:5px 15px;color:#333}.ul-nav-header-item:hover{color:#6cf}.ul-nav-header-red{background-color:#f72222}.ul-nav-header-red .ul-nav-header-item{color:#fff}.ul-nav-header-red .ul-nav-header-item:hover{color:#fedf50}.ul-nav-header-primary{background-color:#6cf}.ul-nav-header-primary .ul-nav-header-item{color:#fff}.ul-nav-header-primary .ul-nav-header-item:hover{color:#cff}.ul-card-a{width:180px;display:flex;justify-content:space-between;border:1px solid #bbb;box-shadow:2px 2px 5px #999;color:#516073;padding:15px;cursor:pointer;margin-right:15px;margin-bottom:15px;position:relative}.ul-card-a-left{width:40%}.ul-card-a-right{display:flex;align-items:center;text-align:center;width:50%}.ul-card-a-title{font-size:18px}.ul-card-a-desc{margin-top:5px;font-size:14px;white-space:nowrap}.ul-nav-poster{padding:5px;border:1px solid #ddd;border-top-width:3px}.ul-nav-poster-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ul-nav-poster-left{display:flex;align-items:center}.ul-nav-post-title{color:#333;font-weight:bold}.ul-nav-poster-desc{color:#999;font-size:12px;font-weight:100}.ul-nav-poster-img{width:38px;height:38px;margin:5px;background-size:cover;background-position:center}.ul-nav-poster-item:not(:last-child){border-bottom:1px dashed #ddd}.ul-card-bank{width:249px;border:1px solid #e4e4e4;border-radius:5px;box-shadow:0 1px 1px #e9e9e9;display:inline-block;margin-right:14px;margin-bottom:10px;color:#666;font-size:12px;cursor:pointer}.ul-card-bank-header{padding:10px 0;margin:0 14px;border-bottom:1px dotted #d9d9d9}.ul-card-bank-body{height:40px;padding:10px 10px 20px 0}.ul-card-bank-line{width:88px;height:23px;font-weight:100;text-align:center;background:#2e4158;border-radius:0 3px 0 0;font-size:14px;float:left}.ul-card-bank-footer{padding:3px 14px;background:#f8f8f8;border-top:1px solid #e7e7e7}.ul-card-bank-line-triangle{width:0px;height:3px;display:block;float:right;border-left:9px solid rgba(0,0,0,0);border-bottom:20px solid #fff}.ul-card-bank-tips{color:#6cf;font-size:14px}.ul-nav-link-item{display:inline-block;margin:5px 0;padding:0 10px;border:1px solid rgba(0,0,0,0);color:#333;white-space:nowrap}.ul-nav-link-item:not(:last-child){border-right-color:#666}.ul-group-title-2{background:#d2dbe0;width:84px;height:28px;line-height:28px;font-size:14px;font-weight:bold;text-align:center;position:relative;margin-top:30px;margin-bottom:14px;color:#666}.ul-group-title-2::after{content:"";width:0;height:0;position:absolute;border-top:14px solid rgba(0,0,0,0);border-bottom:14px solid rgba(0,0,0,0);border-left:15px solid #d2dbe0;right:-15px;top:0px}.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}.ul-ad-left{width:72%;height:170px}.ul-ad-img{height:100%;width:100%;background-size:cover;background-position:center}.ul-ad-right{width:25%}.ul-ad-title{font-size:28px;font-weight:100;margin:0;color:#e4393c}.ul-ad-desc{font-size:14px;color:#666;margin:26px 0;line-height:24px}.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;margin-bottom:4px}.ul-nav-card-item-desc{color:#666;font-size:12px}.ul-nav-card-item.disabled .ul-nav-card-item-icon{background-color:#908b8b}.ul-card-data-container{display:flex;flex-wrap:wrap}.ul-card-data{display:inline-block;border:1px solid #eee;border-radius:5px;padding:15px;margin-right:15px;margin-bottom:15px}.ul-card-data-a-title{padding-bottom:15px;color:#6cf;font-size:28px}.ul-card-data-a-item{display:inline-block;margin-right:5px}.ul-card-data-b-icon{display:inline-block;margin-right:15px;font-size:46px;background-color:#6cf;padding:8px;color:#fff;border-radius:5px}.ul-card-data-b-info{display:inline-block;margin-right:15px}.ul-card-data-b-value{font-size:28px;color:#6cf;margin-top:5px}.ul-card-data-b-main{display:flex;align-items:center}.ul-card-data-b-title{line-height:24px}.ul-card-data-c-item{display:inline-block;padding:10px 40px;text-align:center;color:#999}.ul-card-data-c-item:not(:last-child){border-right:1px solid #ddd}.ul-card-data-c-value{font-size:18px;line-height:30px}.ul-card-data-c-title{font-size:12px}.ul-course-list{margin:-10px;font-size:0;display:flex;flex-wrap:wrap}.ul-course-item{display:inline-block;margin:10px;width:calc(25% - 20px);background-color:#fff;padding-bottom:12px;cursor:pointer;font-size:14px}.ul-course-item-poster{background-position:center;background-size:cover;height:140px;transition:all .6s;position:relative}.ul-course-item-tag{position:absolute;right:8px;top:8px;z-index:9999}.ul-course-item-info{padding:6px}.ul-course-item-title{padding:8px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ul-course-item-option-item{display:inline-block;margin-right:8px;font-size:12px;color:#999}.ul-course-item-poster:hover{transform:scale(1.2)}.ul-course-item-poster-container:hover .ul-course-item-tag{display:none}.ul-course-item-poster-container{overflow:hidden;position:relative}.ul-avatar-sidebar-list-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px}.ul-avatar-sidebar-list-item-img{width:58px;height:58px;border-radius:58px;background-image:url("/static/images/avatar.png");background-size:cover;background-position:center}.ul-avatar-sidebar-list-item-info{margin-left:10px}.ul-avatar-sidebar-list-item-intro{font-size:12px;color:#999;line-height:2}.ul-course-sidebar-item{display:flex;padding:8px 0;align-items:center;justify-content:flex-start}.ul-course-sidebar-item:not(:last-child){border-bottom:1px dotted #999}.ul-course-sidebar-item-poster{height:50px;width:80px;background-size:cover;background-position:center}.ul-course-sidebar-item-option-item{display:inline-block;font-size:12px;color:#999}.ul-course-sidebar-item-info{margin-left:8px}.ul-course-sidebar-item-title{line-height:2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body .layui-quote-gray{background-color:#f0f0f0;color:#666;border-left-color:#ddd}.ul-doc-info-page-list{padding:15px;color:#999}.ul-doc-info-page-item{line-height:2;padding:0 15px;position:relative}.ul-doc-info-page-item.page{cursor:pointer;font-size:18px}.ul-doc-info-page-item.group{color:#bbb;font-size:16px}.ul-doc-info-page-item.point{color:#eee;font-size:14px}.ul-doc-info-page-item.page:hover{background-color:#555}.ul-doc-info-page-item.level-1{margin-left:15px}.ul-doc-info-page-item.level-2{margin-left:30px}.ul-doc-info-page-item.level-3{margin-left:45px}.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;cursor:pointer}.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}.ul-timeline-rowstyle{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%}.ul-timeline-rowstyle .layui-timeline-item{margin-right:15px;min-width:300px}.ul-timeline-rowstyle .layui-timeline-item:last-child::before{display:block} \ No newline at end of file diff --git a/source/components/_index.scss b/source/components/_index.scss index f474bad..df1bddb 100644 --- a/source/components/_index.scss +++ b/source/components/_index.scss @@ -5,5 +5,8 @@ @import './list/ul-book-item/index'; @import './list/ul-music-list/index'; @import './list/ul-order-list-simple-card/index'; +@import './list/ul-photo-card-list/index'; +@import './list/ul-photo-list/index'; +@import './list/ul-photo-list-b/index'; @import './list/ul-site-group/index'; @import './nav/ul-nav-info/index'; diff --git a/source/components/list/ul-photo-card-list/_index.env b/source/components/list/ul-photo-card-list/_index.env new file mode 100644 index 0000000..c31973e --- /dev/null +++ b/source/components/list/ul-photo-card-list/_index.env @@ -0,0 +1,5 @@ +title=相册列表-卡片 +padding=0 +margin=0 +gray=0 +mobile=0 \ No newline at end of file diff --git a/source/components/list/ul-photo-card-list/_index.html b/source/components/list/ul-photo-card-list/_index.html new file mode 100644 index 0000000..d7607a3 --- /dev/null +++ b/source/components/list/ul-photo-card-list/_index.html @@ -0,0 +1,14 @@ +
+ +
+
+ +
+
+
周末野外广场树林写真
+
相册说明内容
+
45P+1V
+
+
+ +
\ No newline at end of file diff --git a/source/components/list/ul-photo-card-list/_index.md b/source/components/list/ul-photo-card-list/_index.md new file mode 100644 index 0000000..e69de29 diff --git a/source/components/list/ul-photo-card-list/_index.scss b/source/components/list/ul-photo-card-list/_index.scss new file mode 100644 index 0000000..f5aca22 --- /dev/null +++ b/source/components/list/ul-photo-card-list/_index.scss @@ -0,0 +1,31 @@ + +.ul-photo-card-list { + display : flex; + align-items : flex-start; + justify-content: flex-start; + flex-wrap : wrap; +} + +.ul-photo-card-item { + width : 200px; + margin : 15px; + box-shadow: 0 5px 10px #999; +} + +.ul-photo-card-poster { + width : 100%; + height : 140px; + background-size : cover; + background-position: center; +} + +.ul-photo-card-info { + padding : 5px; + font-size : 18px; + line-height: 1.5; +} + +.ul-photo-card-desc { + font-size: 14px; + color : #999; +} \ No newline at end of file diff --git a/source/components/list/ul-photo-list-b/_index.env b/source/components/list/ul-photo-list-b/_index.env new file mode 100644 index 0000000..ff3af7d --- /dev/null +++ b/source/components/list/ul-photo-list-b/_index.env @@ -0,0 +1,5 @@ +title=相册列表-精简 +padding=0 +margin=0 +gray=0 +mobile=0 \ No newline at end of file diff --git a/source/components/list/ul-photo-list-b/_index.html b/source/components/list/ul-photo-list-b/_index.html new file mode 100644 index 0000000..c21a4ab --- /dev/null +++ b/source/components/list/ul-photo-list-b/_index.html @@ -0,0 +1,11 @@ +
+
+
+ +
+
+
周末野外广场树林写真
+
相册说明内容
+
+
+
\ No newline at end of file diff --git a/source/components/list/ul-photo-list-b/_index.md b/source/components/list/ul-photo-list-b/_index.md new file mode 100644 index 0000000..e69de29 diff --git a/source/components/list/ul-photo-list-b/_index.scss b/source/components/list/ul-photo-list-b/_index.scss new file mode 100644 index 0000000..2708737 --- /dev/null +++ b/source/components/list/ul-photo-list-b/_index.scss @@ -0,0 +1,29 @@ +.ul-photo-list-b { + display : flex; + align-items : flex-start; + justify-content: flex-start; + flex-wrap : wrap; + + .ul-photo-item { + margin : 15px; + text-align: left; + width : 200px; + } + + .ul-photo-poster { + width : 100%; + height : 120px; + background-image : url("../static/images/avatar.png"); + background-size : cover; + background-position: center; + margin : 0 auto; + box-shadow : 1px 1px 3px #bbb; + } + + .ul-photo-info { + margin-top : 10px; + font-size : 18px; + line-height: 1.5; + } + +} \ No newline at end of file diff --git a/source/components/list/ul-photo-list/_index.env b/source/components/list/ul-photo-list/_index.env new file mode 100644 index 0000000..8461e5b --- /dev/null +++ b/source/components/list/ul-photo-list/_index.env @@ -0,0 +1,5 @@ +title=相册列表 +padding=0 +margin=0 +gray=0 +mobile=0 \ No newline at end of file diff --git a/source/components/list/ul-photo-list/_index.html b/source/components/list/ul-photo-list/_index.html new file mode 100644 index 0000000..8ca3dda --- /dev/null +++ b/source/components/list/ul-photo-list/_index.html @@ -0,0 +1,13 @@ +
+
+
+ +
+
+
周末野外广场树林写真
+
45P+1V
+
相册说明内容
+
+
+ +
\ No newline at end of file diff --git a/source/components/list/ul-photo-list/_index.md b/source/components/list/ul-photo-list/_index.md new file mode 100644 index 0000000..e69de29 diff --git a/source/components/list/ul-photo-list/_index.scss b/source/components/list/ul-photo-list/_index.scss new file mode 100644 index 0000000..c8e3a5c --- /dev/null +++ b/source/components/list/ul-photo-list/_index.scss @@ -0,0 +1,33 @@ +.ul-photo-list { + display : flex; + align-items : flex-start; + justify-content: flex-start; + flex-wrap : wrap; +} + +.ul-photo-item { + margin : 15px; + text-align: center; + min-width : 220px; +} + +.ul-photo-poster { + width : 180px; + height : 140px; + background-image : url("../static/images/avatar.png"); + background-size : cover; + background-position: center; + margin : 0 auto; + box-shadow : 1px 1px 3px #999; +} + +.ul-photo-info { + margin-top : 10px; + font-size : 18px; + line-height: 1.5; +} + +.ul-photo-desc { + font-size: 14px; + color : #999; +} \ No newline at end of file diff --git a/source/scss/layui-ul.scss b/source/scss/layui-ul.scss index 417046b..87c1aa8 100644 --- a/source/scss/layui-ul.scss +++ b/source/scss/layui-ul.scss @@ -47,74 +47,6 @@ /* 链接导航结束 */ -/* 相册列表开始 */ - -.ul-photo-list { - display : flex; - align-items : flex-start; - justify-content: flex-start; - flex-wrap : wrap; -} - -.ul-photo-item { - margin : 15px; - text-align: center; - min-width : 220px; -} - -.ul-photo-poster { - width : 180px; - height : 140px; - background-image : url("../static/images/avatar.png"); - background-size : cover; - background-position: center; - margin : 0 auto; - box-shadow : 1px 1px 3px #999; -} - -.ul-photo-info { - margin-top : 10px; - font-size : 18px; - line-height: 1.5; -} - -.ul-photo-desc { - font-size: 14px; - color : #999; -} - -.ul-photo-card-list { - display : flex; - align-items : flex-start; - justify-content: flex-start; - flex-wrap : wrap; -} - -.ul-photo-card-item { - width : 200px; - margin : 15px; - box-shadow: 0 5px 10px #999; -} - -.ul-photo-card-poster { - width : 100%; - height : 140px; - background-size : cover; - background-position: center; -} - -.ul-photo-card-info { - padding : 5px; - font-size : 18px; - line-height: 1.5; -} - -.ul-photo-card-desc { - font-size: 14px; - color : #999; -} - -/* 相册列表结束 */ .ul-info-tips { padding : 15px;