移动图标调整

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

@@ -5,10 +5,10 @@
 .noneImportant{display:none!important;}
 .baseHeadCenter,#container,.footMain{width:100%;overflow:hidden;}
 .pcOnly,.jqSelect .pc,.baseHeadTop,.baseHeadCenter .headCart,.baseHeadCenter .hotKey,.baseTopNav>.wrap{display:none!important;}
-.mIcon:before{content:'';display:inline-block;font-size:0;background:url(/static/img/base/icon_m11.png) no-repeat;background-size:75vw auto;transition:all .5s}
+.mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/icon_m.png) no-repeat;background-size:100vw auto;transition:all .5s}
 .icon.shop,.icon.heart{vertical-align:middle;display:inline-block;height:5.5vw;line-height:5.5vw}
-.icon.shop:before{width:7.5vw;height:6vw;background-position:-1% 60%}
-.icon.heart:before{width:5.5vw;height:5.5vw;background-position:0% 36.5%}
+.icon.shop:before{width:7.5vw;height:6vw;background-position:-91vw -.5vw}
+.icon.heart:before{width:5.5vw;height:5.5vw;background-position:0 -17vw}
 .icon.shop .tips{display:none;}
 .mf{display:-ms-flexbox;display:-webkit-flex;display:flex;}
 .mfbt{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
@@ -30,8 +30,8 @@
 .baseHeadCenter .mClassBtn,.classifyBox .mClassBtn,.baseHeadCenter .mUserIcon,.baseHeadCenter .mAddCart,.classifyBox .clsHead .close{padding:3.5vw 2.8vw;width:6.4vw;height:6.4vw}
 .baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before,.baseHeadCenter .mUserIcon:before,.baseHeadCenter .mAddCart:before{content:'';display:block;width:6.4vw;height:6.4vw}
 .baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before{background-position:0 0}
-.baseHeadCenter .mUserIcon:before{background-position:11% 0}
-.baseHeadCenter .mAddCart:before{background-position:22% 0}
+.baseHeadCenter .mUserIcon:before{background-position:-8.6vw 0}
+.baseHeadCenter .mAddCart:before{background-position:-17vw 0}
 .baseHeadCenter .searchBox{position:absolute;top:13.4vw;left:0;width:100%;padding-top:1.8vw}
 .baseHeadCenter .search{width:93.4vw;height:9.6vw;margin:0 auto;border:1px solid #FFE6DC;border-radius:2px;position:relative}
 .baseHeadCenter .search .jqSelect{width:27vw;height:9.6vw;position:relative;font-size: 0;}
@@ -40,7 +40,7 @@
 .baseHeadCenter .search .jqSelect:after{content:'';position:absolute;right:0;top:3.4vw;width:.5vw;height:2.8vw;background:#BEC2C9}
 .baseHeadCenter .search .keyword{position:absolute;right:0;top:0;border:none;outline:none;width:66.4vw;height:9.6vw;line-height:9.6vw;font-size:3.7vw;color:#4A4F58;text-indent:2.6vw}
 .baseHeadCenter .search .searchBtn{position:absolute;right:1.2vw;top:0}
-.baseHeadCenter .search .searchBtn:before{content:'';display:block;width:9.6vw;height:9.6vw;background-position:33% -1%}
+.baseHeadCenter .search .searchBtn:before{content:'';display:block;width:9.6vw;height:9.6vw;background-position:-24vw 1.5vw}
 .baseHeadCenter.account{height:13.4vw;border-bottom:solid 1px #ebecef}
 .baseHeadCenter.account .closeAccount{float:right;padding:3.5vw 2.8vw;width:6.4vw;height:6.4vw;text-align:center}
 .baseHeadCenter.account .closeAccount:before{content:'\2715';font-size:4.5vw;font-weight:bold}
@@ -66,10 +66,10 @@
 .footTop{width:100%;padding:2vw 0;background:#FFF;}
 .footTop .wrap span{font-size:2.6vw;padding:0 2vw;text-align:center}
 .footTop .wrap span:before{width:9.2vw;height:9.2vw;display:block;margin:0 auto}
-.footTop .wrap span:nth-of-type(1):before{background-position:2% 12%}
-.footTop .wrap span:nth-of-type(2):before{background-position:21% 12%}
-.footTop .wrap span:nth-of-type(3):before{background-position:40.5% 12%}
-.footTop .wrap span:nth-of-type(4):before{background-position:60% 12%}
+.footTop .wrap span:nth-of-type(1):before{background-position:-14vw -40vw}
+.footTop .wrap span:nth-of-type(2):before{background-position:-28vw -40vw}
+.footTop .wrap span:nth-of-type(3):before{background-position:-42vw -40vw}
+.footTop .wrap span:nth-of-type(4):before{background-position:-56vw -40vw}
 .footMain{width:100%;box-sizing:border-box;background:#4A4F58;color:#FFF}
 .footLink .list{width:100%;padding:0 3vw;box-sizing:border-box}
 .footLink .con{display:none}
@@ -90,7 +90,7 @@
 .footContact .cellNumber span:first-child{display:block}
 .footContact .cellNumber a{color:#FFF}
 .copyright{text-align:center;color:#FFF;font-size:2.8vw;padding-bottom:4vw}
-.copyright .item:before{width:10vw;height:10vw;font-size:0;background-position:0% 19.4%}
+.copyright .item:before{width:10vw;height:10vw;font-size:0;background-position:-83.8vw -16.8vw}
 .copyright .item span{display:block;line-height:5.5vw}
 /*商品Item*/
 .productItem{width:50%;height:81.8vw;overflow:hidden;text-align:center;background:none}
@@ -110,7 +110,6 @@
 .productItem .item .price em.p{color:#F55C5C}
 .productItem .item .price .icon{display:inline-block;font-size:0;width:17vw;height:5vw;line-height:5vw;position:relative;vertical-align:top;margin-top:0}
 .productItem .item .price .icon.on{position:absolute;left:0;top:0;margin:0}
-/*.productItem .item .price .icon:before{width:4vw;height:4vw;background-position:55% 25.2%}*/
 .productItem .item .price .icon.on:before{background-position:49% 25.2%}
 .productItem .item .btn{height:9vw;line-height:9vw}
 .productItem .item .btn{display:inline-block;width:35.8vw;height:9vw;text-align:center;overflow:hidden;color:#F94B4B;background:#FEF6F3;border-radius:2px}

src/main/resources/templates/index.html

@@ -214,6 +214,6 @@
 <!-- 引入底部 -->
 <template th:replace="components/footer"></template>
 <template th:replace="components/foot-link"></template>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/repair.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/index.js(v=${version})}"></script>
 </body>
 </html>