Jelajahi Sumber

订单模块修改

zhengjinyi 3 tahun lalu
induk
melakukan
3b709fb9b9

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

@@ -17,7 +17,8 @@
     .pro-information li {list-style: none;}
     .pro-information li {width: 100%;padding: 10px 0;}
     .pro-information li div {display: inline-block;width: 11%;text-align: center;color: #627386;}
-    .pro-information li div.product-img {width: 50%;text-align: left;}
+    .pro-information li div.product-img {width: 50%;text-align: left;position: relative;}
+    .product-img .tips{width: 40px;height: 20px;border-radius: 2px;font-size: 12px;line-height: 20px;text-align: center;display: block;position: absolute;top: 0;left: 0;color: #FFFFFF; background-image: linear-gradient(214deg, #ff4500 0%, #ff5800 53%, #ff4367 100%);}
     .product-img img {width: 70px;height: 70px;border: solid 1px #e2e7ef;}
     .product-img h3 {display: inline-block;width: 300px;margin-left: 10px;font-size: 16px;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}
     .add-logistics{height: auto;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-top: 10px;padding: 20px;color: #627386;}
@@ -76,7 +77,8 @@
     .pro-information li {list-style: none;}
     .pro-information li {width: 100%;padding: 2.7vw 0;}
     .pro-information li div {display: inline-block;color: #22272e;top: 11.6vw;width: 21vw;position: relative}
-    .pro-information li div.product-img {width: 100%;text-align: left;top: 0}
+    .pro-information li div.product-img {width: 100%;text-align: left;top: 0;position: relative;}
+    .product-img .tips{position:absolute;background:#ff4500;line-height:5vw;height:5vw;padding:0 2vw;white-space:nowrap;font-size:3.1vw;color:#FFF;top:0;left:0}
     .product-img img {width: 18.7vw;height: 18.7vw;border: solid .27vw #e2e7ef;}
     .product-img h3 {display: inline-block;width: 40vw;margin-left: 2.7vw;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}
     .add-logistics{height: auto;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-top: 2.7vw;padding: 20px;color: #627386;}

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

@@ -17,6 +17,8 @@
     .product {padding: 0 20px;background: #fff;overflow: hidden;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07); }
     .product-title {height: 56px;line-height: 56px;color: #627386;border-bottom: solid 1px #e2e7ef}
     .product-info li {width: 100%;padding: 15px 0}
+    .product-img{position: relative;}
+    .product-img .tips{width: 40px;height: 20px;border-radius: 2px;font-size: 12px;line-height: 20px;text-align: center;display: block;position: absolute;top: 0;left: 0;color: #FFFFFF; background-image: linear-gradient(214deg, #ff4500 0%, #ff5800 53%, #ff4367 100%);}
     .product-img h3 {display: inline-block;width: 300px;margin-left: 10px;font-size: 16px;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: 50%;text-align: left}
     .product-img img {width: 70px;height: 70px;border: solid 1px #e2e7ef;}
@@ -56,7 +58,9 @@
     .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{position: relative;}
     .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-img .tips{position:absolute;background:#ff4500;line-height:5vw;height:5vw;padding:0 2vw;white-space:nowrap;font-size:3.1vw;color:#FFF;top:0;left:0}
     .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}

+ 1 - 0
src/main/resources/templates/supplier-center/order/delivery-record.html

@@ -53,6 +53,7 @@
                                 <li v-for="order in r.logisticsRecordList">
                                     <div class="product-img">
                                         <img :src="order.image"/>
+<!--                                        <span class="tips" v-if="order.productType==2||order.productType==1">赠品</span>-->
                                         <h3>{{order.productName}}</h3>
                                     </div>
                                     <div>{{order.buyNum}}</div>

+ 1 - 0
src/main/resources/templates/supplier-center/order/logistics-add.html

@@ -56,6 +56,7 @@
                             <li :orderProductId = 'order.orderProductID' :shopOrderId="order.shopOrderId" v-for="order in orderList ">
                                 <div class="product-img">
                                     <img :src="order.image"/>
+<!--                                    <span class="tips" v-if="order.productType==2||order.productType==1">赠品</span>-->
                                     <h3>{{order.productName}}</h3>
                                 </div>
                                 <div>{{order.buyNum}}</div>

+ 1 - 0
src/main/resources/templates/supplier-center/order/logistics-detail.html

@@ -52,6 +52,7 @@
                             <li v-for="order in listData.logisticsRecordList">
                                 <div class="product-img">
                                     <img :src="order.image"/>
+<!--                                    <span class="tips" v-if="order.productType==2||order.productType==1">赠品</span>-->
                                     <h3>{{order.productName}}</h3>
                                 </div>
                                 <div>{{order.buyNum}}</div>