供应商

src/main/resources/static/css/supplier-center/dashboard.css

@@ -1,703 +1,119 @@
  @media screen and (min-width:768px) {
-     .pageContent {
-         background: #FFF;
-         padding: 16px
-     }
-
-     .pageContent form {
-         width: 498px;
-         margin: 0 auto;
-         padding: 50px 0;
-     }
-
-     .right {
-         float: right;
-         width: 968px;
-     }
-
+     .pageContent {background: #FFF;padding: 16px}
+     .pageContent form {width: 498px;margin: 0 auto;padding: 50px 0;}
      /**/
-     #dashboard li {
-         list-style: none;
-     }
-
-     .information {
-         background: #fff;
-         padding: 20px;
-         box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
-     }
-
-     .head {
-         width: 112px;
-         height: 80px;
-         border-radius: 2px;
-         border: solid 1px #f5f5f5;
-         margin-right: 10px;
-         position: relative;
-         cursor: pointer;
-         display: inline-block;
-         vertical-align: top;
-     }
-
-     .zhuti {
-         font-size: 16px;
-         color: #22272e;
-         padding: 25px 236px 10px
-     }
-     .info_main h3{
-        display: inline-block;
-     }
-    .icon.Promotion:before{
-        width: 20px;
-        height: 20px;
-        background-position: -90px 3px;
-        position: absolute;
-    }
-     .icon.Image:before {
-         width: 120px;
-         height: 80px;
-         background-position: 10px -521px
-     }
-
-     .head img {
-         width: 100%;
-         height: 100%;
-     }
-
-     .info_main {
-        display: inline-block;
-     }
-    .activityBox{
-        top: 25px;
-    }
-    .activepro{
-        width: 312px;
-        overflow: hidden;
-        cursor: pointer;
-    }
-    .Boxtext{
-        text-align: left;
-        line-height: 25px;
-        color: #333333;
-        padding-bottom: 5px;
-    }
-    .activeimg{
-        width: 68px;
-        height: 68px;
-        float: left;
-        line-height: 68px
-    }
-    .activeright p{
-         text-align: left;
-        line-height: 20px;
-        font-size: 12px
-    }
-    .activeimg img{
-        width: 100%;
-        height: 100%
-    }
-     .username {
-         color: #627386;
-         font-size: 12px;
-         margin: 10px 0;
-     }
-
-     .perfect {
-         width: 64px;
-         height: 22px;
-         background-color: #627386;
-         border-radius: 2px;
-         color: #ffffff;
-         font-size: 12px;
-         line-height: 22px;
-         text-align: center;
-         display: inline-block;
-         cursor: pointer
-     }
-
-     .ziliao {
-         font-size: 14px;
-         color: #22272e;
-     }
-
-     .ziliao span {
-         color: #f94b4b;
-     }
-
-     .message {
-         float: right;
-         width: 30px;
-         height: 30px;
-         cursor: pointer;
-     }
-
-     .msg_num {
-         width: 20px;
-         height: 20px;
-         line-height: 20px;
-         display: block;
-         background: red;
-         border-radius: 50%;
-         color: #fff;
-         font-size: 10px;
-         text-align: center;
-         position: relative;
-         top: 10px;
-         right: 9px;
-     }
-
-     .icon.msg:before {
-         width: 25px;
-         height: 25px;
-         background-position: -240px -371px
-     }
-
-     .product {
-         margin: 20px 0;
-     }
-
-     .product p {
-         font-size: 16px;
-         font-weight: normal;
-         font-stretch: normal;
-         line-height: 21px;
-         letter-spacing: 0px;
-         color: #22272e;
-         padding: 10px;
-     }
-
-     .product ul {
-         height: 50px;
-         line-height: 80px;
-         background-color: #ffffff;
-         box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
-         padding: 15px;
-     }
-
-     .product li {
-
-         display: inline-block;
-         margin-right: 20px;
-         width: 110px;
-         text-align: center;
-         color: #333333;
-         position: relative;
-         cursor: pointer;
-     }
-
-     .icon.confirm:before {
-         width: 34px;
-         height: 35px;
-         background-position:-159px -415px;
-         position: absolute;
-         right: 53px;
-     }
-
-     .icon.other:before {
-         background-position: -197px -415px;
-     }
-    .icon.down:before{
-         background-position: -234px -415px;
-    }
-     .rank_top p {
-         font-size: 16px;
-         color: #22272e;
-         display: inline-block;
-     }
-
-     .rank_top span {
-         color: #627386;
-         font-size: 16px;
-     }
-
-     .sales-ranke ul li {
-         display: inline-block;
-         width: 10%;
-     }
-
-     .sales-ranke ul li:nth-child(2) {
-         width: 79%;
-     }
-
-     .sales-ranke {
-         background: #fff;
-         color: #627386;
-         padding: 10px 22px
-     }
-
-     .sales-ranke ul {
-         padding: 10px 0;
-         border-bottom: 1px solid #e2e7ef
-     }
-
-     .rank_top {
-         padding: 10px;
-     }
-
-     .file_img {
-         width: 118px;
-         height: 80px;
-         font-size: 999px;
-         opacity: 0;
-         top: 0px;
-         left: 0px;
-         position: absolute
-     }
-
-     .shop-ranke {
-         background: #fff;
-         padding-bottom: 20px;
-         box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
-     }
-
-     .shop-ranke ul li {
-         float: left;
-         height: 70px;
-         width: 10%;
-         color: #e15616;
-         line-height: 70px
-     }
-
-     .shop-ranke ul {
-         padding: 5px 15px;
-         overflow: hidden;
-     }
-
-     .shop-ranke ul li:nth-child(2) {
-         width: 79%;
-     }
-
-     .shop-ranke ul li .shop-img {
-         display: inline-block;
-         vertical-align: top;
-         margin-left: 10px;
-     }
-
-     .shop-ranke ul li .shop-img img {
-         width: 70px;
-         height: 70px;
-         display: inline-block;
-     }
-
-     .shop-ranke ul li p {
-         width: 350px;
-         font-size: 14px;
-         height: 60px;
-         line-height: 60px;
-         color: #333;
-         padding-left: 16px;
-         display: inline-block;
-         overflow: hidden;
-         text-overflow: ellipsis;
-     }
-
-     .icon.rank0:before {
-         background-position: 0px -453px
-     }
-
-     .icon.rank1:before {
-         background-position: -62px -453px
-     }
-
-     .icon.rank2:before {
-         background-position: -124px -453px
-     }
-
-     .icon.rank3:before {
-         background-position: -186px -453px
-     }
-
-     .icon.rank4:before {
-         background-position: -248px -453px
-     }
-
-     .icon.rank:before {
-         position: absolute;
-         width: 60px;
-         height: 60px;
-     }
-
-     .confirm span {
-         color: #e15616;
-         padding: 5px
-     }
-
-     .Statistics {
-         margin-top: 20px;
-     }
-
-     .Stati_top p {
-         font-size: 14px;
-         color: #333333;
-         display: inline-block;
-     }
-
-     .Stati_top span {
-         font-size: 12px;
-         color: #999999;
-     }
-
-     #StatisticsEacths {
-         width: 968px;
-         height: 440px;
-         box-sizing: border-box;
-         background: #FFF;
-         padding:20px 0;
-         margin-top: 10px;
-         box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
-     }
+     #dashboard li {list-style: none;}
+     .information {background: #fff;padding: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
+     .head {width: 112px;height: 80px;border-radius: 2px;border: solid 1px #f5f5f5;margin-right: 10px;position: relative;cursor: pointer;display: inline-block;vertical-align: top;}
+     .zhuti {font-size: 16px;color: #22272e;padding: 25px 236px 10px}
+     .info_main h3{display: inline-block;}
+     .icon.Promotion:before{width: 20px;height: 20px;background-position: -90px 3px;position: absolute;}
+     .icon.Image:before {width: 120px;height: 80px;background-position: 10px -521px}
+     .head img {width: 100%;height: 100%;}
+     .info_main {display: inline-block;}
+     .activityBox{top: 25px;}
+     .activepro{width: 312px;overflow: hidden;cursor: pointer;}
+     .Boxtext{text-align: left;line-height: 25px;color: #333333;padding-bottom: 5px;}
+     .activeimg{width: 68px;height: 68px;float: left;line-height: 68px}
+     .activeright p{text-align: left;line-height: 20px;font-size: 12px}
+     .activeimg img{width: 100%;height: 100%}
+     .username {color: #627386;font-size: 12px;margin: 10px 0;}
+     .perfect {width: 64px;height: 22px;background-color: #627386;border-radius: 2px;color: #ffffff;font-size: 12px;line-height: 22px;text-align: center;display: inline-block;cursor: pointer}
+     .ziliao {font-size: 14px;color: #22272e;}
+     .ziliao span {color: #f94b4b;}
+     .message {float: right;width: 30px;height: 30px;cursor: pointer;}
+     .msg_num {width: 20px;height: 20px;line-height: 20px;display: block;background: red;border-radius: 50%;color: #fff;font-size: 10px;text-align: center;position: relative;top: 10px;right: 9px;}
+     .icon.msg:before {width: 25px;height: 25px;background-position: -240px -371px}
+     .product {margin: 20px 0;}
+     .product p {font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 21px;letter-spacing: 0px;color: #22272e;padding: 10px;}
+     .product ul {height: 50px;line-height: 80px;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding: 15px;}
+     .product li {display: inline-block;margin-right: 20px;width: 110px;text-align: center;color: #333333;position: relative;cursor: pointer;}
+     .icon.confirm:before {width: 34px;height: 35px;background-position:-159px -415px;position: absolute;right: 53px;}
+     .icon.other:before {background-position: -197px -415px;}
+    .icon.down:before{background-position: -234px -415px;}
+     .rank_top p {font-size: 16px;color: #22272e;display: inline-block;}
+     .rank_top span {color: #627386;font-size: 16px;}
+     .sales-ranke ul li {display: inline-block;width: 10%;}
+     .sales-ranke ul li:nth-child(2) {width: 79%;}
+     .sales-ranke {background: #fff;color: #627386;padding: 10px 22px}
+     .sales-ranke ul {padding: 10px 0;border-bottom: 1px solid #e2e7ef}
+     .rank_top {padding: 10px;}
+     .file_img {width: 118px;height: 80px;font-size: 999px;opacity: 0;top: 0px;left: 0px;position: absolute}
+     .shop-ranke {background: #fff;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
+     .shop-ranke ul li {float: left;height: 70px;width: 10%;color: #e15616;line-height: 70px}
+     .shop-ranke ul {padding: 5px 15px;overflow: hidden;}
+     .shop-ranke ul li:nth-child(2) {width: 79%;}
+     .shop-ranke ul li .shop-img {display: inline-block;vertical-align: top;margin-left: 10px;}
+     .shop-ranke ul li .shop-img img {width: 70px;height: 70px;display: inline-block;}
+     .shop-ranke ul li p {width: 350px;font-size: 14px;height: 60px;line-height: 60px;color: #333;padding-left: 16px;display: inline-block;overflow: hidden;text-overflow: ellipsis;}
+     .icon.rank0:before {background-position: 0px -453px}
+     .icon.rank1:before {background-position: -62px -453px}
+     .icon.rank2:before {background-position: -124px -453px}
+     .icon.rank3:before {background-position: -186px -453px}
+     .icon.rank4:before {background-position: -248px -453px}
+     .icon.rank:before {position: absolute;width: 60px;height: 60px;}
+     .confirm span {color: #e15616;padding: 5px}
+     .Statistics {margin-top: 20px;}
+     .Stati_top p {font-size: 14px;color: #333333;display: inline-block;}
+     .Stati_top span {font-size: 12px;color: #999999;}
+     #StatisticsEacths {width: 968px;height: 440px;box-sizing: border-box;background: #FFF;padding:20px 0;margin-top: 10px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
  }
 
 /*移动端*/
  @media screen and (max-width:768px){
- #dashboard{
-    width: 100%;
-    overflow: hidden;
- }
- #dashboard li {
- list-style: none;
-}
-.wrap_tittle{
-    height: 10.6vw;
-    line-height: 10.6vw;
-    background: #fff;
-    padding: 0 2.7vw;
-    font-size: 3.4vw;
-    color: #22272e;
-    border-bottom: solid .27vw #e2e7ef;
-}
-.mIcon.wrap_tittle:before{
-    width: 6.7vw;
-    height: 6.7vw;
-    background-position: -50.7vw -51.5vw;
-    position: absolute;
-    top: 28vw;
-}
-.mIcon.open:before{
-    width: 10.6vw;
-    height: 11.2vw;
-    float: right;
-    background-position: -48.8vw 2.7vw;
-}
-.information {
-     background: #fff;
-    padding: 2.7vw;
-    overflow: hidden;
-    box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);
-    width: 100%;
-    /*height: 33.9vw;*/
-}
-
-.head {
-     width: 29.9vw;
-     height: 21.3vw;
-     border-radius: .53vw;
-     border: solid .27vw #f5f5f5;
-     float: left;
-     margin-right: 2.7vw;
-     position: relative;
-     cursor: pointer;
-}
-
-.mIcon.Image:before {
- width: 120px;
- height: 80px;
- background-position: 10px -521px
-}
-
-.head img {
- width: 100%;
- height: 100%;
-}
-
-.info_main {
- float: left;
- width: 60%;
-}
-
-.username {
- color: #9aa5b5;
- font-size: 3.2vw;
- margin: 2.7vw 0;
-}
-.mainContent>p{    color: #22272e;
-    font-size: 3.7vw;}
-.perfect {
- width: 13.6vw;
- height: 4.7vw;
- background-color: #627386;
- border-radius:.53vw;
- color: #ffffff;
- font-size: 3.2vw;
- line-height: 4.7vw;
- text-align: center;
- display: inline-block;
- float: right;
-}
-
-.ziliao {
- font-size: 3.2vw;
- color: rgb(154,165,181);
- float: left;
-}
-
-.ziliao span {
- color: #f94b4b;
-}
-
-.message {
- float: right;
- width: 8vw;
- height: 8vw;
- cursor: pointer;
- position: relative;
- top: -25vw;
- right: 2vw;
-}
-
-.msg_num {
-     width: 4vw;
-    height: 4vw;
-    line-height: 4vw;
-    display: block;
-    background: red;
-    border-radius: 50%;
-    color: #fff;
-    font-size: 2.7vw;
-    text-align: center;
-    position: relative;
-    top: 3.7vw;
-    right: 3.2vw;
-    z-index: 1;
-}
-
-.mIcon.msg:before {
-    width: 4vw;
-    height: 4vw;
-    background-position: -18.4vw -62vw;
-    position: absolute;
-    right:5.87vw;
-    top: 5.87vw;
-}
-
-.product {
-    margin: 1.3vw 0;
-    background: #fff;
-    height: 29.8vw;
-}
-
-.product p {
-     font-size: 4vw;
-     font-weight: normal;
-     font-stretch: normal;
-     line-height: 5.6vw;
-     letter-spacing: 0px;
-     color: #22272e;
-     padding: 2.7vw;
-}
-
-.product ul {
-     height:10.6vw;
-     line-height:17vw;
-     background-color: #ffffff;
-     padding: 4vw;
-}
-
-.product li {
-     display: inline-block;
-     width: 32%;
-     text-align: center;
-     color: #333333;
-     position: relative;
-     cursor: pointer;
-}
-
-.mIcon.confirm:before {
-    width: 9vw;
-    height: 9vw;
-    background-position: -66.7vw -60vw;
-    right: 13.9vw;
-    top: -2.53vw;
-    position: absolute
-}
-
-.mIcon.other:before {
- background-position: -74vw -60vw;
-}
-.mIcon.down:before {
- background-position: -83vw -60vw;
-}
-.rank_top p {
- font-size: 3.4vw;
- color: #22272e;
- display: inline-block;
-}
-
-.rank_top span {
- color: #627386;
- font-size: 2.6vw;
-}
-
-.sales-ranke ul li {
- display: inline-block;
- width: 15%;
-}
-
-.sales-ranke ul li:nth-child(2) {
-     width: 62%;
-    padding-left:4vw;
-}
-
-.sales-ranke {
- background: #fff;
- color: #627386;
- padding:2.7vw 5.9vw
-}
-
-.sales-ranke ul {
- padding: 2.7vw 0;
- border-bottom: .27vw solid #e2e7ef
-}
-
-.rank_top {
- padding: 2.7vw;
- background: #fff;
-}
-
-.file_img {
-    width: 29.9vw;
-    height: 21.3vw;
- opacity: 0;
- top: 0px;
- left: 0px;
- position: absolute
-}
-
-.shop-ranke {
- background: #fff;
- padding-bottom: 5.3vw;
- box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);
-}
-
-.shop-ranke ul li {
- float: left;
- height: 12vw;
- width: 15%;
- color: #e15616;
- line-height: 12vw;
- position: relative;
- font-size: 3.1vw;
-}
-
-.shop-ranke ul {
- padding: 1.3vw 4vw;
- overflow: hidden;
-}
-
-.shop-ranke ul li:nth-child(2) {
-     width: 68%;
-}
-
-.shop-ranke ul li .shop-img {
- display: inline-block;
- vertical-align: top;
- margin-left: 2.7vw;
-}
-
-.shop-ranke ul li .shop-img img {
- width: 9.3vw;
- height: 9.3vw;
- display: inline-block;
-}
-
-.shop-ranke ul li p {
- width: 42.7vw;
- font-size: 3.1vw;
- height: 16vw;
- color: #333;
- padding-left: 2.7vw;
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.mIcon.rank0:before {
- background-position: -25.3vw -60.3vw;
-}
-
-.mIcon.rank1:before {
- background-position: -33.9vw -60.3vw;
-}
-
-.mIcon.rank2:before {
- background-position: -42.1vw -60.3vw;
-}
-
-.mIcon.rank3:before {
- background-position: -50.1vw -60.3vw;
-}
-
-.mIcon.rank4:before {
- background-position: -58.7vw -60.3vw;
-}
-
-.mIcon.rank:before {
-    position: absolute;
-    width: 8vw;
-    height: 8vw;
-    top: 1.69vw;
-    left: 0;
-}
-
-.confirm span {
- padding: 1.3vw;
-    width: 3vw;
-    height: 3vw;
-    line-height: 3vw;
-    display: inline-block;
-    background: #f55c5c;
-    border-radius: 50%;
-    color: #fff;
-    font-size: 3vw;
-    text-align: center;
-    position: relative;
-    top: -8.8vw;
-    right: 6.7vw
-}
-.confirm.other span {
- right: 3.5vw
-}
-.confirm.down span {
- right: 4vw
-}
-.Statistics {
- margin-top: 1.3vw;
- background: #fff;
- padding: 2.7vw;
-}
-
-.Stati_top p {
- font-size: 3.4vw;
- color: #333333;
- display: inline-block;
-}
-
-.Stati_top span {
- font-size: 2.6vw;
- color: #999999;
-}
-
-#StatisticsEacths {
- width: 100%;
- height:60.3vw;
- background: #FFF;
- margin-top: 2.7vw;
- box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);
-}
-.priceTag{
-position: absolute;
-    bottom: -26vw;
-    left: -32.5vw;
-}
+ #dashboard{width: 100%;overflow: hidden;}
+ #dashboard li {list-style: none;}
+     .wrap_tittle{height: 10.6vw;line-height: 10.6vw;background: #fff;padding: 0 2.7vw;font-size: 3.4vw;color: #22272e;border-bottom: solid .27vw #e2e7ef;}
+     .mIcon.wrap_tittle:before{width: 6.7vw;height: 6.7vw;background-position: -50.7vw -51.5vw;position: absolute;top: 28vw;}
+     .mIcon.open:before{width: 10.6vw;height: 11.2vw;float: right;background-position: -48.8vw 2.7vw;}
+     .information {background: #fff;padding: 2.7vw;overflow: hidden;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);width: 100%; /*height: 33.9vw;*/}
+     .head {width: 29.9vw;height: 21.3vw;border-radius: .53vw;border: solid .27vw #f5f5f5;float: left;margin-right: 2.7vw;position: relative;cursor: pointer;}
+     .mIcon.Image:before {width: 120px;height: 80px;background-position: 10px -521px}
+     .head img {width: 100%;height: 100%;}
+     .info_main {float: left;width: 60%;}
+     .username {color: #9aa5b5;font-size: 3.2vw;margin: 2.7vw 0;}
+     .mainContent>p{    color: #22272e;font-size: 3.7vw;}
+     .perfect {width: 13.6vw;height: 4.7vw;background-color: #627386;border-radius:.53vw;color: #ffffff;font-size: 3.2vw;line-height: 4.7vw;text-align: center;display: inline-block;float: right;}
+     .ziliao {font-size: 3.2vw;color: rgb(154,165,181);float: left;}
+     .ziliao span {color: #f94b4b;}
+     .message {float: right;width: 8vw;height: 8vw;cursor: pointer;position: relative;top: -25vw;right: 2vw;}
+     .msg_num {width: 4vw;height: 4vw;line-height: 4vw;display: block;background: red;border-radius: 50%;color: #fff;font-size: 2.7vw;text-align: center;position: relative;top: 3.7vw;right: 3.2vw;z-index: 1;}
+     .mIcon.msg:before {width: 4vw;height: 4vw;background-position: -18.4vw -62vw;position: absolute;right:5.87vw;top: 5.87vw;}
+     .product {margin: 1.3vw 0;background: #fff;height: 29.8vw;}
+     .product p {font-size: 4vw;font-weight: normal;font-stretch: normal;line-height: 5.6vw;letter-spacing: 0px;color: #22272e;padding: 2.7vw;}
+     .product ul {height:10.6vw;line-height:17vw;background-color: #ffffff;padding: 4vw;}
+     .product li {display: inline-block;width: 32%;text-align: center;color: #333333;position: relative;cursor: pointer;}
+     .mIcon.confirm:before {width: 9vw;height: 9vw;background-position: -66.7vw -60vw;right: 13.9vw;top: -2.53vw;position: absolute}
+     .mIcon.other:before {background-position: -74vw -60vw;}
+     .mIcon.down:before {background-position: -83vw -60vw;}
+     .rank_top p {font-size: 3.4vw;color: #22272e;display: inline-block;}
+     .rank_top span {color: #627386;font-size: 2.6vw;}
+     .sales-ranke ul li {display: inline-block;width: 15%;}
+     .sales-ranke ul li:nth-child(2) {width: 62%;padding-left:4vw;}
+     .sales-ranke {background: #fff;color: #627386;padding:2.7vw 5.9vw}
+     .sales-ranke ul {padding: 2.7vw 0;border-bottom: .27vw solid #e2e7ef}
+     .rank_top {padding: 2.7vw;background: #fff;}
+     .file_img {width: 29.9vw;height: 21.3vw;opacity: 0;top: 0px;left: 0px;position: absolute}
+     .shop-ranke {background: #fff;padding-bottom: 5.3vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);}
+     .shop-ranke ul li {float: left;height: 12vw;width: 15%;color: #e15616;line-height: 12vw;position: relative;font-size: 3.1vw;}
+     .shop-ranke ul {padding: 1.3vw 4vw;overflow: hidden;}
+     .shop-ranke ul li:nth-child(2) {width: 68%;}
+     .shop-ranke ul li .shop-img {display: inline-block;vertical-align: top;margin-left: 2.7vw;}
+     .shop-ranke ul li .shop-img img {width: 9.3vw;height: 9.3vw;display: inline-block;}
+     .shop-ranke ul li p {width: 42.7vw;font-size: 3.1vw;height: 16vw;color: #333;padding-left: 2.7vw;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+     .mIcon.rank0:before {background-position: -25.3vw -60.3vw;}
+     .mIcon.rank1:before {background-position: -33.9vw -60.3vw;}
+     .mIcon.rank2:before {background-position: -42.1vw -60.3vw;}
+     .mIcon.rank3:before {background-position: -50.1vw -60.3vw;}
+     .mIcon.rank4:before {background-position: -58.7vw -60.3vw;}
+     .mIcon.rank:before {position: absolute;width: 8vw;height: 8vw;top: 1.69vw;left: 0;}
+     .confirm span {padding: 1.3vw;width: 3vw;height: 3vw;line-height: 3vw;display: inline-block;background: #f55c5c;border-radius: 50%;color: #fff;font-size: 3vw;text-align: center;position: relative;top: -8.8vw;right: 6.7vw}
+     .confirm.other span {right: 3.5vw}
+     .confirm.down span {right: 4vw}
+     .Statistics {margin-top: 1.3vw;background: #fff;padding: 2.7vw;}
+     .Stati_top p {font-size: 3.4vw;color: #333333;display: inline-block;}
+     .Stati_top span {font-size: 2.6vw;color: #999999;}
+     #StatisticsEacths {width: 100%;height:60.3vw;background: #FFF;margin-top: 2.7vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);}
+.priceTag{position: absolute;bottom: -26vw;left: -32.5vw;}
 .mainContent{position: relative}
  }

src/main/resources/static/css/supplier-center/order/logistics.css

@@ -96,7 +96,7 @@
     .upload-file img{width: 100%;height: 100%;}
     .mIcon.del:before {width: 5.3vw;height: 5.3vw;background-position: -90vw -7.5vw;position: absolute;top: -.8vw;right: -.8vw}
     .form-upload-tips .icon-wen:before {width: 5.3vw;height: 5.3vw;background-position: -76.4vw 0vw;cursor: pointer;}
-    .wen-tips {width: 67.2vw;height:9vw;background-color: #1890f9;box-shadow: 0px .8vw 1.3vw 0px rgba(24, 144, 249, 0.17);color: #fff;position: absolute;left: inherit;font-size: 2.6vw;text-align: center;line-height: 9vw;top:8.8vw;display: none;}
+    .wen-tips {width: 67.2vw;height:9vw;background-color: #1890f9;box-shadow: 0px .8vw 1.3vw 0px rgba(24, 144, 249, 0.17);color: #fff;position: absolute;left: inherit;font-size: 2.6vw;text-align: left;line-height: 9vw;top:8.8vw;display: none;}
     .form-upload-tips{float: left;position: relative;}
     .form-upload-tips .wen-tips:before {content: '';width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -3.5vw;left:1.3vw;}
     .form-upload-tips:hover .wen-tips {display: block;}

src/main/resources/static/css/supplier-center/order/record.css

@@ -46,119 +46,28 @@
     .userinfo .user p span { color: #22272e; }
     .address {margin-bottom: 4vw;color: #627386; }
     .address span { color: #22272e; }
-    .protitle {
-        color: #22272e;
-            font-size: 3.4vw;
-        padding: 6vw 5.3vw 4vw 4vw;
-    }
-    .product ul li{
-        list-style: none;
-        display: inline-block;
-    }
-    .product-title li {
-            color: #9aa5b5;
-        position: relative;
-        top: 26vw;
-        width: 21vw;
-    }
-
-    .product-title li:nth-child(1) {
-        width: 100%;
-        text-align: left;
-            top: 0
-    }
-    .product{
-        padding: 0 4vw;
-        background: #fff;
-        overflow: hidden;
-    }
+    .protitle {color: #22272e;font-size: 3.4vw;padding: 6vw 5.3vw 4vw 4vw;}
+    .product ul li{list-style: none;display: inline-block;}
+    .product-title li {color: #9aa5b5;position: relative;top: 26vw;width: 21vw;}
+    .product-title li:nth-child(1) {width: 100%;text-align: left;top: 0}
+    .product{padding: 0 4vw;background: #fff;overflow: hidden;}
     .record-product{    background: #fff; margin-top: 2.7vw}
-    .product-title{
-            height: 5.3vw;
-        line-height: 5.3vw;
-        position: relative;
-        width: 100%
-    }
-    .product-info li{
-           width: 100%;
-        padding-top: 2.7vw;
-        height: 36vw
-    }
-    .product-img h3{
-            display: inline-block;
-        width: 40vw;
-        margin-left: 10px;
-        font-size: 3.4vw;
-        color: #22272e;
-        vertical-align: middle;
-        word-break: break-all;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-inline-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical
-    }
-    .product-info li div.product-img{
-        width: 100%;
-        text-align: left;
-        top: 0;
-    }
-    .product-img img{
-        width: 15vw;
-        height: 15vw;
-        border: solid .27vw #e2e7ef;
-    }
-    .product-info li div{
-       display: inline-block;
-        color: #22272e;
-        top: 11.6vw;
-        width: 21vw;
-        position: relative
-    }
-    .record-time{
-        color: #9aa5b5;
-        font-size: 3.1vw;
-        padding: 4vw 0
-    }
-    .img-remark span{
-        color: #627386;
-    }
-    .img-remark ul{
-        display: inline-block;
-    }
-    .img-remark li {
-        display: inline-block;
-        width: 13.9vw;
-        height: 13.9vw;
-        margin-left: 10px;
-    }
-    .img-remark li img{
-        width: 100%;
-        height: 100%;
-    }
-    .remark{
-        color: #627386;
-        padding: 10px 0;
-    }
-    .remark span{
-        color: #22272e;
-    }
-    .record-button{
-        float: right;
-        padding: 5.3vw 0
-    }
-    .record-button button{
-        width: 22.4vw;
-        height:9.6vw;
-        line-height: 9.6vw;
-        background-color: #ffe6dc;
-        border-radius: .53vw;
-        border: solid .27vw #e15616;
-        text-align: center;
-        color: #e15616;
-        margin-left: 2.7vw;
-    }
-     .no-delivery-record {width: 100%;height:90vw;background-color: #ffffff;position: relative;}
+    .product-title{height: 5.3vw;line-height: 5.3vw;position: relative;width: 100%}
+    .product-info li{width: 100%;padding-top: 2.7vw;height: 36vw}
+    .product-img h3{display: inline-block;width: 40vw;margin-left: 10px;font-size: 3.4vw;color: #22272e;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
+    .product-info li div.product-img{width: 100%;text-align: left;top: 0;}
+    .product-img img{width: 15vw;height: 15vw;border: solid .27vw #e2e7ef;}
+    .product-info li div{display: inline-block;color: #22272e;top: 13.6vw;width: 21vw;position: relative}
+    .record-time{color: #9aa5b5;font-size: 3.1vw;padding: 4vw 0}
+    .img-remark span{color: #627386;}
+    .img-remark ul{display: inline-block;}
+    .img-remark li {display: inline-block;width: 13.9vw;height: 13.9vw;margin-left: 10px;}
+    .img-remark li img{width: 100%;height: 100%;}
+    .remark{color: #627386;padding: 10px 0;}
+    .remark span{color: #22272e;}
+    .record-button{float: right;padding: 5.3vw 0}
+    .record-button button{width: 22.4vw;height:9.6vw;line-height: 9.6vw;background-color: #ffe6dc;border-radius: .53vw;border: solid .27vw #e15616;text-align: center;color: #e15616;margin-left: 2.7vw;}
+    .no-delivery-record {width: 100%;height:90vw;background-color: #ffffff;position: relative;}
     .no-delivery-record img {width:48vw;position: absolute;top: 0;left: 50%;transform: translate(-50%,50%)}
     .no-delivery-record p{position: absolute;top: 65%;left: 24%;font-size: 3.2vw;color: #4a4f58}
     .no-delivery-record span{color: #e15616;}

src/main/resources/static/css/supplier-center/order/settlement.css

@@ -36,7 +36,7 @@
    .order-border{width: 93.4vw;height: 11.8vw;line-height: 11.8vw;border: 1px solid #b8bfca;font-size: 3.4vw;}
    .order-border span{padding-left: 2.7vw}
    input::placeholder,textarea::placeholder{color: #9aa5b5}
-   .Buyer{height: -webkit-fill-available;border: 0;width: 70vw}
+   .Buyer{border: 0;width: 70vw}
    .state{width: 93.4vw;height: 11.7vw;line-height: 11.7vw;padding-left: 1.3vw;border: 1px solid #b8bfca;background: #fff;color: #627386;}
    #newBtn>div{width: 40vw;height: 11.2vw;line-height: 11.2vw;text-align: center;display: inline-block;margin-left: 4vw;}
    #newBtn>.query-btn{border: .27vw solid #e15616;background: #ffe6dc;color: #e15616;}
@@ -46,8 +46,8 @@
    .content-list span{color: #9aa5b5;font-size: 3.2vw;line-height: 6.4vw}
    .content-list p{color: #22272e;font-size: 3.4vw}
    .order-name p{width: 89vw;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap}
-   .order-price span,.order-info span{display: inline-block;width: 30%;}
-   .order-info span:nth-child(3){width: 37%}
+   .order-price span,.order-info span{display: inline-block;width: 28%;}
+   .order-info span:nth-child(3){width: 41%}
    .OrderNo p{color: #e15616}
    .content-list .status-red{color: #f94b4b;}
    .content-list .status-blue{color: #1890f9;}

src/main/resources/static/css/supplier-center/setting/information.css

@@ -63,7 +63,7 @@
    .formLine p{color: #627386;}
    .formLine .business{overflow: hidden}
    input[type="text"]::placeholder,textarea::placeholder{color: #9aa5b5;}
-   .form-upload-image{width: 36vw;height: 25.3vw}
+   .form-upload-image{width: 36vw;height: 25.3vw;position: relative;}
    .form-upload-image img{width: 100%;height: 100%}
    .formLine .form-upload-image .mIcon:before {width: 5.3vw;height: 5.3vw;background-position: -89vw -8.3vw;transition: none;}
    .formLine{overflow: hidden}

src/main/resources/static/css/supplier-center/shop/brand.css

@@ -63,7 +63,7 @@
    .head-top form div{margin-top: 2.7vw}
    .order-border{width: 93.4vw;height: 11.8vw;line-height: 11.8vw;border: 1px solid #b8bfca;font-size: 3.4vw;}
    .order-border span{color: #627386;padding-left: 2.7vw}
-   .Buyer{color: #9aa5b5;height: -webkit-fill-available;border: 0;width: 70vw}
+   .Buyer{color: #9aa5b5;border: 0;width: 70vw}
    input::placeholder,textarea::placeholder{color: #9aa5b5}
    .state{width: 93.4vw;height: 11.7vw;line-height: 11.7vw;padding-left: 1.3vw;border: 1px solid #b8bfca;background: #fff}
    #newBtn>div{width: 40vw;height: 11.2vw;line-height: 11.2vw;text-align: center;display: inline-block;margin-left: 4vw;}
@@ -97,7 +97,7 @@
   .img-box img{width: 100%;height: 100%; }
   .brand-img{margin: 10px 0;}
   .add-pic{ width:13vw;height: 13vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: .53vw;opacity: 0;cursor: pointer}
-  .brand-content .label{width: 18.6vw;text-align: right; display: inline-block;font-size: 3vw}
+  .brand-content .label{text-align: right; display: inline-block;font-size: 3vw}
   .font-color{color: #e15616;}
   .tishiyu{font-size:2.2vw;text-align: left; margin-top: 1.3vw;    padding-left: 19.7vw}
   .brand-description span{vertical-align: top; }
@@ -107,3 +107,7 @@
   .box-btn .btn-cancel{background-color: #fff;color: #9aa5b5; border: 1px solid #b8bfca;}
   .mIcon.add:before {width:5vw;height: 5vw;background-position: -9.6vw -62vw;position: relative;top: 4vw;right: -4vw}
  }
+@media screen and (max-width: 360px){
+    .brandlogo-name input{width: 43vw}
+    .miaoshu{width: 45.4vw}
+}

src/main/resources/static/css/supplier-center/shop/decoration.css

@@ -50,7 +50,7 @@
   .head-top div{display: inline-block}
   .head-top .title-text{color: #22272e;}
   .head-top .title-text span{color: #627386;}
-  .banner-title{vertical-align: middle;overflow: hidden;text-overflow: ellipsis;width: 200px;color: #22272e;font-size: 3.4vw;white-space: nowrap}
+  .banner-title{vertical-align: middle;overflow: hidden;text-overflow: ellipsis;width: 100%;color: #22272e;font-size: 3.4vw;white-space: nowrap}
   .advertisement-pic{width: 20vw;height: 20vw}
   .operate div{width: 22.4vw;height:9.6vw;background-color: #e0f1ff;border-radius: 4.8vw;border: solid 1px #1890f9;line-height: 9.6vw;text-align: center;color: #1890f9;cursor: pointer;display: inline-block;margin-right: 2.7vw;}
   .title-list{padding-top: 2.7vw;background: #fff;padding-left: 3.3vw;color: #9aa5b5}
@@ -67,7 +67,7 @@
   .bgFrom.show{opacity: 1}
   .modalForm{ width: 74.7vw;height:fit-content;background-color: #ffffff;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.16);border-radius: 2.7vw;
     border: solid .27vw #efefef; position: absolute;left: 0;top: 0;right: 0;bottom: 0; margin: auto }
-  .modal-header{height: 10.96vw;border-bottom: solid 1px #efefef; line-height:10.9vw;padding: 0 16px;color: #22272e;}
+  .modal-header{height: 10.96vw;border-bottom: solid .27vw #efefef; line-height:10.9vw;padding: 0 4vw;color: #22272e;}
   .mIcon.close{float: right; cursor: pointer;}
   .mIcon.close:before{width: 5.3vw;height: 5.3vw;background-position: -33.3vw .53vw}
   .modal-div span{color: #22272e;display: inline-block;}
@@ -86,3 +86,6 @@
     color: #ffffff;cursor: pointer;margin: 2.7vw 0}
   .Note{float: left;font-size: 2.2vw;}
 }
+ @media screen and (max-width: 360px){
+    .modal-div input{width: 51vw}
+  }

src/main/resources/static/css/supplier-center/shop/goods.css

@@ -106,4 +106,7 @@ li{list-style: none}
    .good-footer .footer-right .btn.icon-weigouxuan{border: solid .27vw #b8bfca;color: #627386;}
    .good-footer .footer-right .btn.icon-gouxuan{background-color: #ffe6dc; color: #e15616;border: .27vw solid #e15616}
    .priceTag{position: absolute;left: 50vw}
+   .empty{box-sizing:border-box;padding:15vw 0;text-align:center;color:#4A4F58;line-height:8vw;font-size:3.4vw;background: #fff;}
+   .empty img{width:40vw;height:40vw;}
+   .empty a{color:#E15616;}
  }

src/main/resources/static/css/supplier-center/shop/release.css

@@ -135,11 +135,11 @@ input::placeholder{color: #9aa5b5}
 
 @media screen and (max-width:768px) {
 .container .release-stepbox{height: 17.6vw;}
-.container .release-stepbox>div{float: left;margin-left: 7.5vw;top: 9.3vw;position: relative;}
+.container .release-stepbox>div{float: left;    width: 25%;text-align: center;top: 9.3vw;position: relative;}
 .release-stepbox .stepSpan p{color: #9aa5b5}
 .release-stepbox .stepSpan.active p {color: #E15616;}
 .release-stepbox .stepSpan.active p span {background: #E15616;}
-.release-stepbox .stepSpan p span{display: inline-block;width: 5.3vw;height: 5.3vw;font-size: 3.2vw;text-align: center;line-height: 5.3vw;background: #9aa5b5;color: #FFFFFF;border-radius: 10.6vw;position: absolute;top: -6.4vw;right: 5vw}
+.release-stepbox .stepSpan p span{display: inline-block;width: 5.3vw;height: 5.3vw;font-size: 3.2vw;text-align: center;line-height: 5.3vw;background: #9aa5b5;color: #FFFFFF;border-radius: 10.6vw;position: absolute;top: -6.4vw;right: 10vw}
 .release-container{background: #fff;padding: 3.3vw;}
 .release-from .release-label{height:8.3vw;color: #627386;}
 .release-from .release-label span {color: #FF0000;}

src/main/resources/static/js/supplier-center/message.js

@@ -46,13 +46,9 @@ var helpSuggestion = new Vue({
                 if (_self.isCheckedAll) {
                     _self.checklist = [];
                     _self.messagesList.forEach(function (item) {
-                            if(item.readFlag!=1){
-                                 item.check = true;
-                                 _self.checklist.push(item.messageID);
-                                 _self.msgId = _self.checklist.toString()+','
-                            }else {
-                                item.check = false;
-                            }
+                            item.check = true;
+                             _self.checklist.push(item.messageID);
+                             _self.msgId = _self.checklist.toString()+','
                         })
                 }else{
                      _self.messagesList.forEach(function(item){

src/main/resources/static/js/user-center/message.js

@@ -48,13 +48,9 @@ var helpSuggestion = new Vue({
                 if (_self.isCheckedAll) {
                     _self.checklist = [];
                     _self.messagesList.forEach(function (item) {
-                            if(item.readFlag!=1){
-                                 item.check = true;
-                                 _self.checklist.push(item.messageID);
-                                 _self.msgId = _self.checklist.toString()+','
-                            }else {
-                                item.check = false;
-                            }
+                             item.check = true;
+                             _self.checklist.push(item.messageID);
+                             _self.msgId = _self.checklist.toString()+','
                         })
                 }else{
                      _self.messagesList.forEach(function(item){

src/main/resources/templates/supplier-center/message/list.html

@@ -39,7 +39,7 @@
                         <div class="section-content" v-if="messagesList.length > 0">
                             <div class="new-list" v-for="(item, index) in messagesList" :key="index" :class="item.readFlag?'notclick':''">
                                 <div class="text">
-                                 <input type="checkbox"  class="check" v-model="item.check" @change="checkedItemFn(item)" v-bind:disabled="item.readFlag?true:false"/>
+                                 <input type="checkbox"  class="check" v-model="item.check" @change="checkedItemFn(item)" />
                                     <p>{{item.content}}</p>
                                 </div>
                                 <div class="time">{{item.addTime}}</div>

src/main/resources/templates/supplier-center/shop/goods.html

@@ -248,8 +248,9 @@
                         </div>
                     </div>
                 </div>
-                <div v-else class="goods-main-empty">
-                    <p>您还未发布任何商品,快去 <a href="/supplier/product/toRelease.html">发布</a>吧</p>
+                <div  class="empty">
+                    <img src="/img/common/empty.png">
+                    <div class="msg"><p>您还未发布任何商品快去<a href="/supplier/release.html">发布</a>吧</p></div>
                 </div>
                 <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
                  <div class="pageWrap clear" v-if="isPC && pageTotal>1">

src/main/resources/templates/user-center/message/list.html

@@ -42,7 +42,7 @@
                         <div class="section-content" v-if="messagesList.length > 0">
                             <div class="new-list" v-for="(item, index) in messagesList" :key="index" :class="item.readFlag?'notclick':''">
                                 <div class="text">
-                                    <input type="checkbox"  class="check" v-model="item.check" @change="checkedItemFn(item)" v-bind:disabled="item.readFlag?true:false"/>
+                                    <input type="checkbox"  class="check" v-model="item.check" @change="checkedItemFn(item)" />
                                     <p>{{item.content}}</p>
                                 </div>
                                 <div class="time">{{item.addTime}}</div>