Administrator 4 anni fa
parent
commit
d3c63f1432

+ 4 - 4
src/main/resources/static/css/base/base.pc.css

@@ -154,17 +154,17 @@ iframe{width:320px !important;height: 280px !important}
 .baseTopNav .navBox li>div a:hover{background:#FEF6F3;color:#E15616}
 .baseTopNav .classifyBox{display:none;position:absolute;left:50%;top:44px;z-index:990;transform:translateX(-50%);box-shadow:0 3px 6px rgba(45,48,54,.2);}
 /* 分类 */
-.classifyBox{width:1184px;margin:0 auto;box-sizing:border-box;padding:8px 30px;background:#FFF;border-radius:0 0 2px 2px}
+.classifyBox{width:1184px;margin:0 auto;box-sizing:border-box;padding:8px 16px;background:#FFF;border-radius:0 0 2px 2px}
 .classifyBox .clsTab{height:56px;line-height:56px;white-space:nowrap;border-bottom:1px solid #FFE6DC}
-.classifyBox .clsTab a{display:inline-block;cursor:default;height:100%;padding:0 25px;font-size:16px;font-weight:bold;color:#2D3036;border-bottom:1px solid transparent}
+.classifyBox .clsTab a{display:inline-block;cursor:default;height:100%;padding:0 10px 0 10px;font-size:16px;font-weight:bold;color:#2D3036;border-bottom:1px solid transparent;margin-right: 30px}
 .classifyBox .clsTab a:hover,.classifyBox .clsTab a.on{color:#E15616;border-color:#E15616}
 .classifyBox .clsCon{padding:10px 0}
 .classifyBox .line{position:relative;padding-left:100px;line-height:32px}
 .classifyBox .line:after{content:'';position:absolute;left:100px;top:0;border-right:1px solid #FFE6DC;height:100%}
 .classifyBox .lft{position:absolute;top:0;left:0;width:100px;color:#000}
-.classifyBox .lft a{display:inline-block;width:100%;line-height:24px;padding:10px;box-sizing:border-box}
+.classifyBox .lft a{display:inline-block;width:100%;line-height:24px;padding:10px;box-sizing:border-box;color: #627386;}
 .classifyBox .rgt{color:#666;padding:6px 0 6px 6px;position:relative}
-.classifyBox .rgt a{display:inline-block;height:32px;line-height:32px;padding:0 22px;cursor:pointer;color:#666}
+.classifyBox .rgt a{display:inline-block;height:32px;line-height:32px;padding:0 22px;cursor:pointer;color: #627386;}
 .classifyBox .rgt a.on,.classifyBox .clsCon .rgt a:hover{color:#e15616;background:#fbe7de}
 .classifyBox .line:hover .rgt:after,.classifyBox .line.on .rgt:after{content:'';position:absolute;left:0;top:0;z-index:1;border-right:1px solid #E15616;height:100%}
 .classifyBox .line:hover .lft a,.classifyBox .line.on .lft a{color:#E15616}

+ 19 - 21
src/main/resources/static/css/flea-market/form.css

@@ -76,7 +76,7 @@ body{background: #fff}
      .gosecond {color: #1683E1;border-right: 1px solid #F2F2F2;}
      .close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;font-size: 24px;}
      .bjmain .title{width: -webkit-fill-available;color: #627386;padding: 15px;display: inline-block;border: solid 1px #e2e7ef;font-size: 14px}
-     .unlogin-label{height: 26px;color:#9aa5b5}
+     .unlogin-label{height: 26px;color:#627386}
  }
 
 /*移动端*
@@ -96,41 +96,39 @@ body{background: #fff}
      .secondradio div.buy {width: 39.2vw;}
      .mIcon.select:before {background-position: -75.5vw -8.8vw;width: 5.3vw;height: 4.8vw;position: absolute;bottom: 0;right: 0;transition: none;}
      .mIcon.buy:before {left: 34vw;}
-     .secondradio {margin-bottom: 15px;}
-     .linqi_text {width: 425px;height: 45px;background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17);text-align: center;line-height: 45px;color: #ffffff;margin: auto}
-     .jiaobiao {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;top: 20.8vw;right: 50%;border-bottom: 10px solid #1890f9;position: absolute}
-     #shoplogo {height: 36px;border-radius: 2px;padding-left: 10px;width: 508px;border: solid 1px #b8bfca;color: #9aa5b5}
-     #shoplogoTwo {height: 36px;margin-top: 2.7vw;}
-     .login-form input[type="text"] {width: 100% !important;height: 9.6vw;background-color: #ffffff;border-radius: .53vw;border: solid 1px #b8bfca;padding-left: 2.7vw;color: #22272e;box-sizing: border-box}
+     .secondradio {margin-bottom:4vw;}
+     .linqi_text {width: 100%;height:9.6vw;background-color: #1890f9;box-shadow: 0px .8vw 1.3vw 0px rgba(24, 144, 249, 0.17);text-align: center;line-height: 9.6vw;color: #ffffff;margin: auto;font-size: 3.2vw;}
+     .jiaobiao {width: 0;height: 0;border-left: 2.7vw solid transparent;border-right: 2.7vw solid transparent;top: 20.8vw;right: 50%;border-bottom: 2.7vw solid #1890f9;position: absolute}
+     #shoplogoTwo {height:9.6vw;margin-top: 2.7vw;}
+     .login-form input[type="text"] {width: 100% !important;height: 9.6vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;padding-left: 2.7vw;color: #22272e;box-sizing: border-box}
      input[type="text"]::placeholder, textarea::placeholder {color: #9aa5b5;;}
-     .shrink-spacing {margin: 20px 0;position: relative;}
+     .shrink-spacing {margin: 5.3vw 0;position: relative;}
      .red-color {color: #f94b4b;}
-     .address-input {width: 28.5vw;height: 10.7vw;background-color: #ffffff;border-radius: .53vw;border: solid 1px #b8bfca;padding-left: 6.7vw;color: #9aa5b5}
+     .address-input {width: 28.5vw;height: 10.7vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;padding-left: 6.7vw;color: #9aa5b5}
      .address-item i{position: relative;}
      .address-input.city {margin: 0 2.6vw;}
      .border-grey {width: 100%;height: 56.3vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;margin-top: 5.3vw;resize: none;padding: 2.7vw;box-sizing: border-box}
      #description {margin-top: 0;}
      .upload-file {position: relative;float: left;margin: 2.7vw 2.7vw 2.7vw 0px;cursor: pointer;width: 21.3vw;height: 21.3vw;border-radius: .53vw;border: solid .27vw #b8bfca}
-     .input-file {width: 80px;height: 80px;opacity: 0;cursor: pointer;position: absolute;}
-     .upload-img {width: 100%;height: 100%;display: block;border-radius: 2px;}
-     .add-text {font-size: 12px;color: #333330;opacity: 0.5;position: absolute;top: 60%;right: 13px}
+     .input-file {width: 21.3vw;height: 21.3vw;opacity: 0;cursor: pointer;position: absolute;}
+     .upload-img {width: 100%;height: 100%;display: block;border-radius: .53vw;}
+     .add-text {font-size: 3.2vw;color: #333330;opacity: 0.5;position: absolute;top: 60%;right:3.3vw}
      .release-main-container {overflow: hidden;}
      #uploadGoodsImages {width: 100%;overflow: auto;}
      .mIcon.add:before {width: 6.7vw;height: 6.7vw;background-position: -8.8vw -61vw;position: absolute;top: 4.5vw;right: 7.2vw}
      .mIcon.del:before {width: 5.3vw;height: 5.3vw;background-position: -89.6vw -7.7vw;position: absolute;top: -1vw;right: -.8vw}
      .form-upload-tips .icon-wen:before {width: 5.3vw;height: 6.3vw;background-position: -76.5vw 0px;cursor: pointer;}
-     .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: -4vw;left: 27.2vw;}
-     .form-upload-tips {width: 5.3vw;float: left;margin-top: 10px;}
+     .form-upload-tips .wen-tips:before {content: '';width: 0px;height: 0px;border-width: 2.1vw;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -4vw;left: 27.2vw;}
+     .form-upload-tips {width: 5.3vw;float: left;margin-top: 2.7vw;}
      .wen-tips {width: 100%;height: 12.5vw;line-height: 6.4vw;text-align: center;color: #FFF;font-size: 2.7vw;background-color: #1890f9;box-shadow: 0 .8vw 1.6vw 0 rgba(24, 144, 249, 0.17);position: absolute;right: 0;border-radius: .8vw;display: none;}
      .form-upload-tips:hover .wen-tips {display: block;}
-     #word-limit {position: absolute;right: 0;bottom: 10px;font-size: 12px;color: #9aa5b5}
-     .unlogin-item {margin-top: 20px;}
+     #word-limit {position: absolute;right: 2.7vw;bottom: 2.7vw;font-size: 3.2vw;color: #9aa5b5}
      .textarea-wrapper {letter-spacing: .4vw;line-height: 6.4vw;color: #627386;position: relative;width: 100%;font-size: 3.2vw}
-     .BtnAll {margin-top: 30px;width: 100%;overflow: hidden}
+     .BtnAll {margin-top: 8vw;width: 100%;overflow: hidden}
      .BtnAll button {width: 100%;height: 15vw;border-radius: .53vw;line-height: 15vw;text-align: center;font-size: 4.5vw;cursor: pointer;margin-bottom: 2.7vw;box-sizing: border-box;}
      .Read {border: solid .27vw #e15616;background-color: #ffe6dc;color: #e15616;}
      #btn-submit {background-color: #e15616;color: #fff;}
-     input[type=checkbox] {margin: 1.27vw 7px 0px -14px;}
+     input[type=checkbox] {margin: 1.27vw 7px 0px -3.4vw;width: 3.5vw;height: 3.5vw;line-height: 3.5vw}
      select {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
      .mIcon.selected:before {width: 6.7vw;height: 6.7vw;background-position: -49vw 2.4vw;position: absolute;right: -27vw}
      .mIcon.province:before {right: -26.4vw;}
@@ -138,7 +136,7 @@ body{background: #fff}
 
      /**/
      .select {position: relative;display: block;width: 100%;color: #9aa5b5;vertical-align: middle;text-align: left;height: 9.6vw;user-select: none}
-     .select .placeholder {position: relative;display: block;padding-left: 10px;border-radius: 2px;cursor: pointer;border: solid 1px #b8bfca;height: 36px;line-height: 36px}
+     .select .placeholder {position: relative;display: block;padding-left: 2.7vw;border-radius: .53vw;cursor: pointer;border: solid .27vw #b8bfca;height:9.6vw;line-height: 9.6vw}
      .select.is-open .placeholder:after {content: '\f077';}
      .select.is-open ul {display: block;}
      .select.select--white .placeholder {background: #fff;color: #999;}
@@ -151,12 +149,12 @@ body{background: #fff}
      .thebj {position: fixed;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 999999;opacity: 0;}
      .thebj.show {opacity: 1;}
      .theresult {position: absolute;right: 14%;top: 30%;width: 63.7vw;background-color: #fff;border-radius: .53vw;padding: 2.7vw;}
-     .theresult span{padding: 5px 0;border-bottom: 1px solid #e2e7ef;width: 100%;display: block;color: #627386}
+     .theresult span{padding: 1.3vw 0;border-bottom: .27vw solid #e2e7ef;width: 100%;display: block;color: #627386}
      .theresult p {font-size: 3.7vw;color: #22272e;line-height: 6.7vw;padding: 2vw 2vw}
      .paybtn {width: 100%;}
      .paybtn span {display: block;text-align: center;font-size: 3.7vw;cursor: pointer;}
      .paybtn .cancel {margin: 2.7vw 0;width: 100%;height: 9.9vw;background: rgba(225, 86, 22, 1);color: #fff;line-height: 9.9vw;border-radius: .53vw}
-     .paybtn .thegopay {border: 1px solid #E0E0E0;height: 8.5vw;line-height: 8.5vw;border-radius: .53vw;color: #333333;padding: 0 1.3vw 0 1.3vw}
+     .paybtn .thegopay {border: .27vw solid #E0E0E0;height: 8.5vw;line-height: 8.5vw;border-radius: .53vw;color: #333333;padding: 0 1.3vw 0 1.3vw}
      .gosecond {color: #1683E1;border-right: .27vw solid #F2F2F2;}
      .close {position: absolute;right: 0;top: 0;width: 10.7vw;height: 10.7vw;line-height: 10.7vw;text-align: center;cursor: pointer;font-size: 6.4vw;}
     .brand.mIcon:before{

+ 1 - 1
src/main/resources/static/css/flea-market/secondDetail.css

@@ -113,7 +113,7 @@
     .fave-text{color: #f94b4b;font-weight: bold;}
     .fave-text .big{font-size: 3.7vw;}
     .loginWithParam {color: #FC4444;font-size: 3.2vw;cursor: pointer;}
-    .yishou_img {width: 14%;position: absolute;top: 2vw;right: 0;transform: translate(-9%, 7%)}
+    .yishou_img {width: 14%;position: absolute;top: 2vw;right: 0;transform: translate(-9%, 7%);z-index: 1;}
     .recommendBox{margin-top:2vw;width:100%;background:#FFF}
 .recommendBox .hd{font-size:3.4vw;color:#E15621;font-weight:bold;padding:2.7vw;text-align:center}
 #productRecommend{width:100%;height:50vw;overflow:hidden;position:relative;box-sizing:border-box;padding:0 2.4vw}

+ 12 - 12
src/main/resources/static/css/product/detail.pc.css

@@ -17,13 +17,13 @@ li{list-style:none;}
 .productBox .zoomImage{display:none;overflow:hidden;position:absolute;right:-466px;top:0;width:452px;height:452px;border:1px solid #e4e4e4;z-index:9999;background:#FFF}
 .productBox .zoomImage img{width:950px;height:950px;margin-right:10px;display:block}
 
-.productBox .detailBox .crumbs{height:28px;line-height:28px;font-size:14px;overflow:hidden;color:#93979F;padding:0;}
-.productBox .detailBox .crumbs a{color:#93979F}
+.productBox .detailBox .crumbs{height:28px;line-height:28px;font-size:14px;overflow:hidden;color:#9aa5b5;padding:0;}
+.productBox .detailBox .crumbs a{color:#9aa5b5}
 .productBox .detailBox .crumbs a:hover{color:#E15616}
 .productBox .detailBox .title{font-size:18px;font-weight:bold;line-height:24px;padding:5px 0;color:#4A4F58}
 .productBox .detailBox .tags{padding:2px 0}
-.productBox .detailBox .tags span{display:inline-block;line-height:16px;padding: 3px 6px;font-size:12px;color: #999999;border-radius:2px;margin-right:10px;border: 1px solid #EDEDED;}
-.productBox .detailBox .detail{box-sizing:border-box;padding:14px 20px;font-size:14px;color:#93979f;background:#f3f7fe;border-radius:2px;margin:10px 0;position:relative;}
+.productBox .detailBox .tags span{display:inline-block;line-height:16px;padding: 3px 6px;font-size:12px;color: #9aa5b5;border-radius:2px;margin-right:10px;border: 1px solid #e2e7ef;}
+.productBox .detailBox .detail{box-sizing:border-box;padding:14px 20px;font-size:14px;color:#9aa5b5;background:#f3f7fe;border-radius:2px;margin:10px 0;position:relative;}
 .productBox .detailBox .detail hr{border:none;border-top:1px dashed #F9DDD0;margin:12px 0}
 .productBox .detailBox .row{padding:3px 0 3px 80px;line-height:24px;position:relative;}
 .productBox .detailBox .row .l{display:inline-block;min-width:60px;height:24px;text-align:justify;vertical-align:top;margin-left:-80px;}
@@ -68,17 +68,17 @@ li{list-style:none;}
 #productRecommend li .item a:hover img{border: solid 1px #e15616;}
 #productRecommend li .item img{display:block;width:153px;height:153px;border:solid 1px #e2e7ef;}
 #productRecommend li .item span{max-height:44px;padding-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
-#productRecommend .swiper-wrapper{height:205px;overflow:hidden;background:url(/img/base/placeholder.png) repeat-x center;background-size:166px;}
+#productRecommend .swiper-wrapper{height:205px;overflow:hidden;background:url(/img/base/placeholder.png) repeat-x center;background-size:162px;}
 #productRecommend .swiper-pagination{width:100%;height:14px;z-index:1;text-align:center;font-size:0;}
 #productRecommend .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
 #productRecommend .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#E15616;border-radius:2px}
 #productRecommend .swiper-pagination span.on{width:28px;opacity:1;}
 
 .wrap>.productInfo{float:left;box-sizing:border-box;padding:0 16px;width:884px;background:#FFF;}
-.productInfo .tabTit{height:40px;line-height:40px;border-bottom:1px solid #E15621;font-size:16px;color:#333333}
+.productInfo .tabTit{height:40px;line-height:40px;border-bottom:1px solid #ffe6dc;font-size:16px;color:#333333}
 .productInfo .tabTit span{display:inline-block;box-sizing:border-box;min-width:130px;text-align:center;height:100%;padding:0 32px;cursor:pointer}
 .productInfo .tabTit span:hover{color:#E15621}
-.productInfo .tabTit span.on,.productInfo .tabTit span.on:hover{background:#E15621;color:#FFF}
+.productInfo .tabTit span.on,.productInfo .tabTit span.on:hover{background:#ffe6dc;color:#e15616;font-weight: bold;}
 .productInfo .tabCon{padding:16px 0;text-align:center}
 .productInfo .tabCon img{max-width:100%;}
 .productInfo .tabCon table{width:100%;text-align:left}
@@ -88,16 +88,16 @@ li{list-style:none;}
 .productInfo .comment{color:#93979F;padding:40px 0;margin-right: 30px; position: relative}
 
 .wrap>.rgt{float:right;width:284px}
-.wrap>.rgt .hd{height:40px;line-height:40px;padding:0 16px;font-size:18px;color:#fff;font-weight:bold;background:rgba(255,156,71,1)}
+.wrap>.rgt .hd{height:40px;line-height:40px;padding:0 16px;font-size:16px;color:#e15616;font-weight:bold;background:#ffe6dc}
 .shopBox{margin-bottom:16px;background:#FFF}
 .shopBox .bd{padding:15px}
 .shopBox .bd .name{line-height:20px;padding: 10px 0;font-weight:bold;color:#4A4F58;font-size:14px;border-bottom:1px solid #F7F7F7;position: relative}
 .shopBox .bd .tit{line-height:30px;font-weight:bold;color:#4A4F58;font-size:14px}
-.shopBox .bd .con{line-height:20px;color:#666;font-size:12px;margin-bottom:12px}
-.shopBox .bd .btn{display:block;width:100%;height:36px;line-height:36px;text-align:center;box-sizing:border-box;border-radius:2px;border:1px solid #E15616;font-size:14px;color:#fff;margin-top:12px;background: rgba(225,86,22,1)}
+.shopBox .bd .con{line-height:20px;color:#627386;font-size:12px;margin-bottom:12px}
+.shopBox .bd .btn{display:block;width:100%;height:36px;line-height:36px;text-align:center;box-sizing:border-box;border-radius:2px;font-size:14px;color:#e15616;margin-top:12px;background: #fef6f3}
 .wrap>.rgt .contact{background:#FFF}
-.wrap>.rgt .contact .bd{padding:15px;line-height:24px;font-size:12px;color:#4A4F58;margin-bottom: 12px}
-.wrap>.rgt .contact .bd div:nth-child(1){font-weight: bold;font-size: 14px;}
+.wrap>.rgt .contact .bd{padding:15px;line-height:24px;font-size:12px;color:#627386;margin-bottom: 12px}
+.wrap>.rgt .contact .bd div:nth-child(1){font-weight: bold;font-size: 14px;color: #4a4f58;}
 .wrap>.rgt .contact .bd div{margin-bottom: 12px}
 
 .row img{width:12px;height:12px;display:inline-block;margin:-3px 5px}