二手标签

src/main/resources/static/css/flea-market/list.css

@@ -25,12 +25,11 @@
     .shopList-tips{ width: 1184px;margin: 0px auto;height: 40px;line-height: 40px;font-size: 14px;color: #999999;}
     .Listitem {width: 284px;display: inline-block;margin: 0 16px 20px 0;border-radius: 8px;overflow: hidden;}
     .itemImg {display: block;position: relative;width: 100%;height: 284px;margin-right: 20px;background-color: #fff;cursor: pointer;}
+    .itemImg .itemImg-buyFlag{ width: 32px;height: 32px;display: inline-block;background-color: #FFFFFF;position: absolute;top: 5px;right: 5px;border-radius: 50%;}
+    .itemImg .itemImg-buyFlag img{ width: 32px;height: 32px; display: block;}
     .itemImg .bigImg {width: 100%;height: 100%;}
-
     .infotag {font-size: 10px;padding: 0 10px;height: 18px;line-height: 18px;text-align: center;display: inline-block;border-radius: 4px;flex: auto;margin: 0 3px}
     .ItemInfo tag {display: flex;}
-    .ItemInfo .itemImg-buyFlag{ width: 22px;height: 22px;display: inline-block;float: left;}
-    .ItemInfo .itemImg-buyFlag img{ width: 22px;height: 22px; display: block;}
     .infotag.news {border: solid 1px #f94b4b;color: #f94b4b;background-color: #fadbdb}
     .infotag.brand {border: solid 1px #f9a24b;color: #f9a24b;background-color: #faefdb;}
     .infotag.sold {border: solid 1px #9aa5b5;color: #9aa5b5;background-color: #e3ebf7;}
@@ -74,12 +73,12 @@
     .active {color: #E15621;}
     .secondTitle .ClassA .line{width: 10vw;margin:0 auto;height: .48vw;background-color: #FF5B00;display: block}
     .mainTab li.addstyle{color: #FF5B00;}
-    .itemImg{width:31.2vw;height:31.2vw;float: left;background: #000;}
+    .itemImg{width:31.2vw;height:31.2vw;float: left;background: #000;position: relative;border-radius: 2vw;overflow: hidden;}
+    .itemImg .itemImg-buyFlag{ width: 7vw;height: 7vw;display: inline-block;background-color: #FFFFFF;position: absolute;top: 5px;left: 5px;border-radius: 50%;}
+    .itemImg .itemImg-buyFlag img{ width: 7vw;height: 7vw; display: block;}
     .activeImg{opacity: 0.5;}
     .itemImg img{width: 100%;height: 100%;}
     .ItemInfo{float: right;width: 60vw}
-    .ItemInfo .itemImg-buyFlag{ width: 22px;height: 22px;display: inline-block;float: left;}
-    .ItemInfo .itemImg-buyFlag img{ width: 22px;height: 22px; display: block;}
     .infotag {font-size: 3vw;padding: 0 2.7vw;height: 4.8vw;line-height:  4.8vw;text-align: center;display: inline-block;border-radius: .48vw;flex: auto;margin: 0 .72vw}
     .infotag.news {border: solid .27vw #f94b4b;color: #f94b4b;background-color: #fadbdb}
     .infotag.brand {border: solid.27vw #f9a24b;color: #f9a24b;background-color: #faefdb;}

src/main/resources/templates/flea-market/list.html

@@ -64,16 +64,15 @@
                 <div class="Listitem" v-if="isShow" v-for="(item, index) in tabchildList">
                     <a class="itemImg onhref" :href="'/flea-market-'+item.productId+'.html'" target="_blank">
                         <img :src="item.imageList[0]" :class="item.sold==1?'activeImg':''" class="bigImg">
-
+                        <div class="itemImg-buyFlag" v-if="item.buyFlag === 1">
+                            <img src="/img/flea-market/icon-seller@2x.png" alt="">
+                        </div>
+                        <div class="itemImg-buyFlag" v-if="item.buyFlag === 2">
+                            <img src="/img/flea-market/icon-mai@2x.png" alt="">
+                        </div>
                     </a>
                     <div class="ItemInfo">
                         <div class="tag">
-                            <div class="itemImg-buyFlag" v-if="item.buyFlag === 1">
-                                <img src="/img/flea-market/icon-seller@2x.png" alt="">
-                            </div>
-                            <div class="itemImg-buyFlag" v-if="item.buyFlag === 2">
-                                <img src="/img/flea-market/icon-mai@2x.png" alt="">
-                            </div>
                             <span class="infotag news" v-if="item.sold==0&&item.newAdded==1">最新</span>
                             <span class="infotag brand" v-if="item.brandName!=null&&item.brandName!=''&&item.brandID!=161">{{item.brandName}}</span>
                             <span class="infotag sold " v-if="item.sold==1">已售</span>