运费V1.0.4

src/main/resources/static/css/pay/caimei-paylist.css

@@ -27,7 +27,8 @@
     .pay-list-cell .list-cell-pros.p2{width: 20%;}
     .pay-list-cell .list-cell-pros.p3{width: 15%;}
     .pay-list-cell .list-cell-pros.p4{width: 10%;}
-    .pay-list-cell .list-cell-pros.p1 .cell-pros-image{width: 100px;height: 100px;float: left;margin-right: 16px;box-sizing: border-box;border: 1px solid #E1E1E1;border-radius: 2px;}
+    .pay-list-cell .list-cell-pros.p1 .cell-pros-image{width: 100px;height: 100px;float: left;margin-right: 16px;box-sizing: border-box;border: 1px solid #E1E1E1;border-radius: 2px;position: relative;}
+    .pay-list-cell .list-cell-pros.p1 .cell-pros-image .tip{position:absolute;background:#ff4500;line-height:20px;height:20px;padding:0 10px;white-space:nowrap;font-size:12px;color:#FFF;top:0;left:0}
     .pay-list-cell .list-cell-pros.p1 .cell-pros-image img{width: 100%;height: 100%;display: block;}
     .pay-list-cell .list-cell-pros.p1 .cell-pros-name{width: 300px;float: left;height: 100px;box-sizing: border-box;padding:30px 0;}
     .pay-list-cell .list-cell-pros.p1 .cell-pros-name p{width: 100%;font-size: 16px;line-height: 20px;color: #22272E;text-align: left;text-overflow: ellipsis;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
@@ -86,7 +87,8 @@
     .pay-list-cell .list-cell-pros.p2,.pay-list-cell .list-cell-pros.p3,.pay-list-cell .list-cell-pros.p4{width: 33.33%;margin-top: 4vw;font-size: 3.4VW;line-height: 4vw;color: #22272E;text-align: left;}
     .pay-list-cell .list-cell-pros.p2 span,.pay-list-cell .list-cell-pros.p3 span,.pay-list-cell .list-cell-pros.p4 span{font-size: 3vw;color: #627386;margin-bottom: 1vw;}
     .pay-list-cell .list-cell-pros.p2 p,.pay-list-cell .list-cell-pros.p3 p,.pay-list-cell .list-cell-pros.p4 p{margin-top: 2vw;}
-    .pay-list-cell .list-cell-pros.p1 .cell-pros-image{width: 15vw;height: 15vw;float: left;margin-right: 2.6vw;box-sizing: border-box;border: 1px solid #E1E1E1;border-radius: 2px;}
+    .pay-list-cell .list-cell-pros.p1 .cell-pros-image{width: 15vw;height: 15vw;float: left;margin-right: 2.6vw;box-sizing: border-box;border: 1px solid #E1E1E1;border-radius: 2px;position: relative;}
+    .pay-list-cell .list-cell-pros.p1 .cell-pros-image .tip{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}
     .pay-list-cell .list-cell-pros.p1 .cell-pros-image img{width: 100%;height: 100%;display: block;}
     .pay-list-cell .list-cell-pros.p1 .cell-pros-name{width: 75vw;float: left;height: 15vw;box-sizing: border-box;padding:3vw 0;}
     .pay-list-cell .list-cell-pros.p1 .cell-pros-name p{width: 100%;font-size: 3.4vw;line-height: 4vw;color: #22272E;text-align: left;text-overflow: ellipsis;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

src/main/resources/templates/pay/caimei-paylist.html

@@ -38,6 +38,7 @@
                     <div class="list-cell-pros p1">
                         <div class="cell-pros-image">
                             <img :src="pros.image" alt="">
+                            <span v-if="pros.giftType==2" class="tip">赠品</span>
                         </div>
                         <div class="cell-pros-name">
                             <p v-text="pros.name"></p>