修改svip标签

src/main/resources/static/css/base/floor.css

@@ -49,7 +49,12 @@
 .section_page .page_main_price .price_grade_3:before{background-position:0 -774px}
 .section_page .page_main_price .price_grade_4:before{background-position:0 -804px}
 .section_page .page_main_price .price_grade_5:before{background-position:0 -834px}
-
+/*会员标签*/
+.section_page .page_main_price .price_text_tag .svip-tag{width:100%;height:22px;letter-spacing:0}
+.section_page .page_main_price .price_text_tag .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:36px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
+.section_page .page_main_price .price_text_tag .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
+.section_page .page_main_price .price_text_tag .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:22px;padding-right:4px;margin-left:-26px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
+.section_page .page_main_price .price_text_tag .svip-tag .svip-price span{color: #333}
 
 .section_page .section_page_more{width:100%;height:32px;margin-top:16px;float:left;display:none}
 .section_page .section_page_more.show{display:block}
@@ -81,14 +86,14 @@
 .section_page .section_page_title p{font-weight:normal;color:#93979f;font-size:3.4vw;line-height:4.3vw}
 .section_page .page_main_item{width:45.6vw !important;height:68vw;overflow:hidden;margin:0 1.3vw 2.6vw 1.3vw;background:#fff;text-align:left}
 .section_page .page_main_image{width:45.6vw;height:45.6vw}
-.section_page .page_main_text{padding:0 3.2vw;height:9.3vw;line-height:5vw;font-size:3.4vw;vertical-align:middle;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1vw}
+.section_page .page_main_text{padding:0 2vw;height:9.3vw;line-height:5vw;font-size:3.4vw;vertical-align:middle;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1vw}
 .section_page .page_main_item.ad_02 img,.section_page .page_main_item.ad_03 img,.section_page .page_main_item.ad_01 img{height:100%;width:100%}
-.section_page .page_main_price{width:100%;box-sizing:border-box;padding:0 3.2vw}
+.section_page .page_main_price{width:100%;box-sizing:border-box;padding:0 1.5vw}
 .section_page .page_main_price .price_text_tag{width:100%;box-sizing:border-box;float:left}
 .section_page .page_main_price .main_price_show{color:#f94b4b}
 .section_page .page_main_price .section_page .page_main_price .main_price_show.none{display:none}
 .section_page .page_main_price .main_price_unde{width:100%;height:6.5vw;line-height:6.5vw;font-size:3.4vw;color:#4a4f58;text-align:left;float:left}
-.section_page .page_main_price .price_text_tag .couponTag{padding:0 2vw;border:.27vw solid #f94b4b;background:#fff1eb;font-size:2.8vw;float:left;height:4.2vw;line-height:4.2vw;color: #f94b4b;border-radius: 0.2vw;margin-right: 1vw;}
+.section_page .page_main_price .price_text_tag .couponTag{padding:0 0.5vw;border:.27vw solid #f94b4b;background:#fff1eb;font-size:2.8vw;float:left;height:4.2vw;line-height:4.2vw;color: #f94b4b;border-radius: 0.2vw;margin-right: 0.8vw;}
 .section_page .page_main_price .price_text_tag .listTag{padding:0 2vw;border:.27vw solid #ffe6dc;background:none;font-size:2.8vw;float:left;height:4.2vw;line-height:4.2vw;border-radius: 0.2vw;}
 .section_page .section_page_main.section_6{height:auto}
 .section_page .section_page_main.section_6 .section_page_more{display:none}
@@ -133,6 +138,13 @@
 .section_page .page_main_price .price_grade .icon,.section_page .page_main_price .price_grade_shop .icon,.section_page .page_main_price .price_grade_club .icon{display:inline-block;font-size:0;height:5vw;line-height:5vw;vertical-align:text-bottom}
 .section_page .page_main_tag{color:#9aa5b5;margin:1vw 3.2vw;border:.27vw solid #e3ebf7;display:inline-block;padding:0 1.3vw;border-radius:.54vw}
 .section_page .page_main_price .bold{font-weight:bold}
+/*会员标签*/
+.section_page .page_main_price .price_text_tag .svip-tag{float: left; height:4.44vw;letter-spacing:0}
+.section_page .page_main_price .price_text_tag .svip-tag .svip-icon{position:relative;z-index:9;float: left; width:9.8vw;height:4.46vw;text-align:center;line-height:4.46vw;font-size:2.8vw;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
+.section_page .page_main_price .price_text_tag .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
+.section_page .page_main_price .price_text_tag .svip-tag .svip-price{z-index:1;position:relative;float: left;padding-left:5.1vw;padding-right:0.6vw;margin-left:-6.2vw;line-height:4.46vw;background:#F0CB72;opacity:1;border-radius:2px;font-size:2.8vw}
+.section_page .page_main_price .price_text_tag .svip-tag .svip-price span{color: #333}
+
 
 #recommendBox{width: calc(100%);height:150vw;overflow:hidden;position:relative;}
 #recommendBox .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:2.6vw;left:0}

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

@@ -53,7 +53,7 @@ li{list-style:none}
     .productItem .price .svip-tag{width:100%;height:22px;letter-spacing:0}
     .productItem .price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:36px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
     .productItem .price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
-    .productItem .price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:4px;margin-left:-26px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
+    .productItem .price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:22px;padding-right:4px;margin-left:-26px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
     .productItem .price .svip-tag .svip-price span{color: #333}
 }
 /**

src/main/resources/templates/index.html

@@ -165,14 +165,25 @@
                                                 <!-- 正常商品 -->
                                                 <template v-if="pros.product.productCategory == 1">
                                                     <div class="price_text_tag">
-<!--                                                        <p class="couponTag" v-if="pros.product.couponsLogo">优惠券</p>-->
-                                                        <p class="listTag" v-if="pros.product.actStatus ==1 && pros.product.promotions">
-                                                            <span v-text="pros.product.promotions.name"></span>
-                                                            <template v-if="PromotionsFormat(pros.product.promotions)">
-                                                                <!--单品优惠:优惠价-->
-                                                                <span class="price_unit">:￥</span><span class="price_num">{{ pros.product.price | NumFormat }}</span>
-                                                            </template>
-                                                        </p>
+                                                        <p class="couponTag" v-if="pros.product.couponsLogo">优惠券</p>
+                                                        <!--超级会员价格标签-->
+                                                        <template v-if="pros.product.actStatus==1 && true">
+                                                            <div class="svip-tag">
+                                                                <div class="svip-icon btr">SVIP</div>
+                                                                <div class="svip-price">
+                                                                    <span>￥</span><span>9999999</span>
+                                                                </div>
+                                                            </div>
+                                                        </template>
+                                                        <template v-else>
+                                                            <p class="listTag" v-if="pros.product.actStatus ==1 && pros.product.promotions">
+                                                                <span v-text="pros.product.promotions.name"></span>
+                                                                <template v-if="PromotionsFormat(pros.product.promotions)">
+                                                                    <!--单品优惠:优惠价-->
+                                                                    <span class="price_unit">:￥</span><span class="price_num">{{ pros.product.price | NumFormat }}</span>
+                                                                </template>
+                                                            </p>
+                                                        </template>
                                                     </div>
                                                     <div class="main_price_login">
                                                         <!--0公开价格 1不公开价格 2仅对会员机构公开-->
@@ -203,13 +214,7 @@
                                                             </template>
                                                         </template>
                                                     </div>
-                                                    <!--超级会员价格标签-->
-                                                    <div class="svip-tag">
-                                                        <div class="svip-icon">SVIP</div>
-                                                        <div class="svip-price">
-                                                            <span>￥</span><span>3000</span>
-                                                        </div>
-                                                    </div>
+
                                                 </template>
                                                 <!-- 二手商品 -->
                                                 <template v-else>