页面优化

src/main/resources/static/css/encyclopedia/list.css

@@ -1,31 +1,31 @@
-@media screen and (min-width:768px){.bk-banner{position:relative;height:510px;overflow:hidden;min-width:1200px}
-    .bk-banner img{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;height:510px}
-    .bk-list{padding:48px 0;margin-bottom:120px}
-    .bk-list .bk-list-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px 0;border-bottom:1px solid #E0E7EB}
-    .bk-list .bk-list-item .bk-cover{position:relative;z-index:2;width:260px;height:168px;-ms-flex-negative:0;flex-shrink:0}
-    .bk-list .bk-list-item .bk-cover img{display:block;width:100%;height:100%}
-    .bk-list .bk-list-item .bk-info{position:relative;z-index:2;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0;margin-left:24px}
-    .bk-list .bk-list-item .bk-info h2{font-size:18px;color:#333333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
-    .bk-list .bk-list-item .bk-info .bk-info-desc{font-size:14px;color:#666666 !important;margin-top:16px;height:48px;line-height:24px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
-    .bk-list .bk-list-item .bk-info .bk-info-desc * {color:#666666 !important;}
-    .bk-list .bk-list-item .bk-info img{display: none}
-    .bk-list .bk-list-item .bk-info .bk-info-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#B2B2B2;margin-top:40px}
-    .bk-list .bk-list-item::after{content:"";position:absolute;width:1248px;height:216px;border:3px solid #F57C40;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;opacity:0;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
-    .bk-list .bk-list-item:hover{cursor:pointer}
-    .bk-list .bk-list-item:hover::after{z-index:1;opacity:1}
-    .bk-list .bk-list-item:hover h2{color:#F57C40}
-}
-
-@media screen and (max-width:768px){.bk-banner{position:relative;height:3.6rem;overflow:hidden}
-    .bk-banner img{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;height:3.6rem}
-    .bk-list .bk-list-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0.4rem 0.32rem}
-    .bk-list .bk-list-item::after{content:"";position:absolute;bottom:0;left:0.32rem;width:6.86rem;display:block;border-bottom:0.01rem solid #E0E7EB}
-    .bk-list .bk-list-item .bk-cover{position:relative;z-index:2;width:2.6rem;height:1.68rem;-ms-flex-negative:0;flex-shrink:0}
-    .bk-list .bk-list-item .bk-cover img{display:block;width:100%;height:100%;border-radius:0.08rem}
-    .bk-list .bk-list-item .bk-info{position:relative;z-index:2;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0;margin-left:0.24rem}
-    .bk-list .bk-list-item .bk-info h2{font-size:0.32rem;color:#333333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
-    .bk-list .bk-list-item .bk-info .bk-info-desc {font-size:0.26rem;color:#666666;margin-top:0.16rem;height:0.75rem;line-height:0.375rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
-    .bk-list .bk-list-item .bk-info .bk-info-desc * {color:#666666 !important;}
-    .bk-list .bk-list-item .bk-info img{display: none}
-    .bk-list .bk-list-item .bk-info .bk-info-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0.22rem;color:#B2B2B2;margin-top:0.32rem}
-}
+@media screen and (min-width:768px){.bk-banner{position:relative;height:510px;overflow:hidden;min-width:1200px}
+    .bk-banner img{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;height:510px}
+    .bk-list{padding:48px 0;margin-bottom:120px}
+    .bk-list .bk-list-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px 0;border-bottom:1px solid #E0E7EB}
+    .bk-list .bk-list-item .bk-cover{position:relative;z-index:2;width:260px;height:168px;-ms-flex-negative:0;flex-shrink:0}
+    .bk-list .bk-list-item .bk-cover img{display:block;width:100%;height:100%}
+    .bk-list .bk-list-item .bk-info{position:relative;z-index:2;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0;margin-left:24px}
+    .bk-list .bk-list-item .bk-info h2{font-size:18px;color:#333333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
+    .bk-list .bk-list-item .bk-info .bk-info-desc{font-size:14px;color:#666666 !important;margin-top:16px;height:48px;line-height:24px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
+    .bk-list .bk-list-item .bk-info .bk-info-desc * {color:#666666 !important;}
+    .bk-list .bk-list-item .bk-info img{display: none}
+    .bk-list .bk-list-item .bk-info .bk-info-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#B2B2B2;margin-top:40px}
+    .bk-list .bk-list-item::after{content:"";position:absolute;width:1248px;height:216px;border:3px solid #F57C40;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;opacity:0;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
+    .bk-list .bk-list-item:hover{cursor:pointer}
+    .bk-list .bk-list-item:hover::after{z-index:1;opacity:1}
+    .bk-list .bk-list-item:hover h2{color:#F57C40}
+}
+
+@media screen and (max-width:768px){.bk-banner{position:relative;height:3.6rem;overflow:hidden}
+    .bk-banner img{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;height:3.6rem}
+    .bk-list .bk-list-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0.4rem 0.32rem}
+    .bk-list .bk-list-item::after{content:"";position:absolute;bottom:0;left:0.32rem;width:6.86rem;display:block;border-bottom:0.01rem solid #E0E7EB}
+    .bk-list .bk-list-item .bk-cover{position:relative;z-index:2;width:2.6rem;height:1.68rem;-ms-flex-negative:0;flex-shrink:0}
+    .bk-list .bk-list-item .bk-cover img{display:block;width:100%;height:100%;border-radius:0.08rem}
+    .bk-list .bk-list-item .bk-info{position:relative;z-index:2;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0;margin-left:0.24rem}
+    .bk-list .bk-list-item .bk-info h2{font-size:0.32rem;color:#333333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
+    .bk-list .bk-list-item .bk-info .bk-info-desc {font-size:0.26rem;color:#666666;margin-top:0.16rem;height:0.75rem;line-height:0.375rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
+    .bk-list .bk-list-item .bk-info .bk-info-desc * {color:#666666 !important;}
+    .bk-list .bk-list-item .bk-info img{display: none}
+    .bk-list .bk-list-item .bk-info .bk-info-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0.22rem;color:#B2B2B2;margin-top:0.32rem}
+}

src/main/resources/static/css/supplier-center/encyclopedia/list.css

@@ -1,41 +1,41 @@
-.el-input .el-input__inner{height:36px;line-height:34px;border-radius:2px}
-.el-select .el-select__caret{line-height:36px}
-#globalHead.fiexd{position:sticky !important}
-.navLayout{min-height:calc(100vh - 185px - 785px) !important}
-.bk-container .right{position:relative}
-.bk-primary{color:#1890F9}
-.bk-success{color:#34CC8C}
-.bk-warning{color:#F9A94B}
-.bk-danger{color:#F94B4B}
-.bk-tip{font-size:12px;color:#FF5B00;position:absolute;right:0;top:-12px;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
-.bk-filter{padding:18px 20px;background:#fff}
-.bk-filter .bk-filter-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
-.bk-filter .bk-filter-row:nth-child(2){margin-top:18px}
-.bk-filter .bk-filter-row:nth-child(2) .bk-filter-control{margin-right:24px}
-.bk-filter .bk-filter-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:40px}
-.bk-filter .bk-filter-control .bk-label{-ms-flex-negative:0;flex-shrink:0}
-.bk-filter .bk-filter-control .bk-control{width:210px !important}
-.bk-filter .bk-filter-control .el-select{width:128px}
-.bk-filter .bk-filter-button{margin-left:16px}
-.bk-filter .bk-filter-control .bk-search-btn,.bk-filter .bk-filter-control .bk-add-btn{width:90px;height:36px;text-align:center;font-size:14px;border:0;cursor:pointer}
-.bk-filter .bk-filter-control .bk-search-btn{color:#fff;background:#FF5B00;line-height:36px}
-.bk-filter .bk-filter-control .bk-add-btn{color:#FF5B00;line-height:34px;border:1px solid #FF5B00;background:#FFE6DC;margin-left:16px}
-.bk-list{display:table;width:100%;margin-top:16px;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;font-size:12px;color:#22272E;text-align:center}
-.bk-list .bk-tr{display:table-row}
-.bk-list .bk-tr:nth-child(1) .bk-td{border-bottom:1px solid #E2E7EF}
-.bk-list .bk-td{display:table-cell;padding:16px 0}
-.bk-list .bk-td button{height:22px;padding:0 6px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:20px;color:#FF5B00;font-size:12px;border:1px solid #FF5B00;border-radius:2px;background:#FFE6DC;cursor:pointer}
-.bk-list .bk-td:nth-child(5),.bk-list .bk-td:nth-child(5),.bk-list .bk-td:nth-child(9){width:80px}
-.bk-list .bk-td:nth-child(7),.bk-list .bk-td:nth-child(8){width:100px}
-.bk-list .bk-td:last-child{width:200px}
-.bk-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;padding:32px 0;font-size:14px}
-.bk-pagination .bk-pagesize{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}
-.bk-pagination .bk-pagesize span,.bk-pagination .bk-pagesize i{display:block;height:40px;min-width:40px;padding:0 10px;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #EBECEF;text-align:center;cursor:pointer}
-.bk-pagination .bk-pagesize span.active{background: #FF5B00; color: #fff;border-color: #FF5B00}
-.bk-pagination .bk-pagesize i{min-width:initial;padding:0;border:0;background:transparent}
-.bk-pagination .bk-total{color:#93979F}
-.bk-pagination .bk-total span{color:#4A4F58}
-.bk-pagination .bk-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
-.bk-pagination .bk-control span{color:#93979F}
-.bk-pagination .bk-control button{display:inline;margin-left:16px;color:#FF5B00;background:transparent;font-size:14px;cursor:pointer}
-.bk-pagination .bk-control input{width:80px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:38px;border:1px solid #EBECEF;text-align:center;background:#fff;font-size:14px;margin:0 8px}
+.el-input .el-input__inner{height:36px;line-height:34px;border-radius:2px}
+.el-select .el-select__caret{line-height:36px}
+#globalHead.fiexd{position:sticky !important}
+.navLayout{min-height:calc(100vh - 185px - 785px) !important}
+.bk-container .right{position:relative}
+.bk-primary{color:#1890F9}
+.bk-success{color:#34CC8C}
+.bk-warning{color:#F9A94B}
+.bk-danger{color:#F94B4B}
+.bk-tip{font-size:12px;color:#FF5B00;position:absolute;right:0;top:-12px;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
+.bk-filter{padding:18px 20px;background:#fff;border-radius: 8px;}
+.bk-filter .bk-filter-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
+.bk-filter .bk-filter-row:nth-child(2){margin-top:18px}
+.bk-filter .bk-filter-row:nth-child(2) .bk-filter-control{margin-right:24px}
+.bk-filter .bk-filter-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:40px}
+.bk-filter .bk-filter-control .bk-label{-ms-flex-negative:0;flex-shrink:0}
+.bk-filter .bk-filter-control .bk-control{width:210px !important}
+.bk-filter .bk-filter-control .el-select{width:128px}
+.bk-filter .bk-filter-button{margin-left:16px}
+.bk-filter .bk-filter-control .bk-search-btn,.bk-filter .bk-filter-control .bk-add-btn{width:90px;height:36px;text-align:center;font-size:14px;border:0;cursor:pointer}
+.bk-filter .bk-filter-control .bk-search-btn{color:#fff;background:#FF5B00;line-height:36px}
+.bk-filter .bk-filter-control .bk-add-btn{color:#FF5B00;line-height:34px;border:1px solid #FF5B00;background:#FFE6DC;margin-left:16px}
+.bk-list{display:table;border-radius: 8px; width:100%;margin-top:16px;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;font-size:12px;color:#22272E;text-align:center}
+.bk-list .bk-tr{display:table-row}
+.bk-list .bk-tr:nth-child(1) .bk-td{border-bottom:1px solid #E2E7EF}
+.bk-list .bk-td{display:table-cell;padding:16px 0}
+.bk-list .bk-td button{height:22px;padding:0 6px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:20px;color:#FF5B00;font-size:12px;border:1px solid #FF5B00;border-radius:2px;background:#FFE6DC;cursor:pointer}
+.bk-list .bk-td:nth-child(5),.bk-list .bk-td:nth-child(5),.bk-list .bk-td:nth-child(9){width:80px}
+.bk-list .bk-td:nth-child(7),.bk-list .bk-td:nth-child(8){width:100px}
+.bk-list .bk-td:last-child{width:200px}
+.bk-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;padding:32px 0;font-size:14px}
+.bk-pagination .bk-pagesize{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}
+.bk-pagination .bk-pagesize span,.bk-pagination .bk-pagesize i{display:block;height:40px;min-width:40px;padding:0 10px;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #EBECEF;text-align:center;cursor:pointer}
+.bk-pagination .bk-pagesize span.active{background: #FF5B00; color: #fff;border-color: #FF5B00}
+.bk-pagination .bk-pagesize i{min-width:initial;padding:0;border:0;background:transparent}
+.bk-pagination .bk-total{color:#93979F}
+.bk-pagination .bk-total span{color:#4A4F58}
+.bk-pagination .bk-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.bk-pagination .bk-control span{color:#93979F}
+.bk-pagination .bk-control button{display:inline;margin-left:16px;color:#FF5B00;background:transparent;font-size:14px;cursor:pointer}
+.bk-pagination .bk-control input{width:80px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:38px;border:1px solid #EBECEF;text-align:center;background:#fff;font-size:14px;margin:0 8px}