手机首页计数器更换新样式

components/home/floor/FloorList.vue

@@ -436,14 +436,18 @@
       }
       .purchase {
         position: absolute;
-        right: 101px;
-        top: 175px;
-        width: 100px;
-        height: 28px;
-        line-height: 28px;
+        right: 88px;
+        top: 170px;
+        width: 114px;
+        height: 32px;
+        font-size: 16px;
+        line-height: 32px;
+        background-color: rgba(255, 255, 255, 0.98);
+        box-shadow: 0px 1px 1px 1px rgba(244, 94, 2, 0.8);
+        border-radius: 14px;
+        opacity: 0.98;
         background-color: #fff;
         color: #f57a2e;
-        border-radius: 25px;
         text-align: center;
         font-weight: bold;
         &:hover{

components/mobile/common/StatisticsMobile.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="statistics">
-    <ul class="list-inline pull-left" ref="pingdanListWrapperL" :style="'top: -' + 1 * timerIndexL + 'rem'" :class="{'topL': isTopL}">
+    <ul class="list-inline pull-left" ref="pingdanListWrapperL" :style="'top: -' + 0.7 * timerIndexL + 'rem'" :class="{'topL': isTopL}">
       <li v-for="(item, index) in itemLeft">
         <span  class="number">
           <span class="name" v-html="nameLeft[index]"></span>
@@ -9,7 +9,7 @@
         </span>
       </li>
     </ul>
-    <ul class="list-inline pull-right" ref="pingdanListWrapperR" :style="'top: -' + 1 * timerIndexR + 'rem'" :class="{'topR': isTopR}">
+    <ul class="list-inline pull-right" ref="pingdanListWrapperR" :style="'top: -' + 0.7 * timerIndexR + 'rem'" :class="{'topR': isTopR}">
       <li v-for="(item, index) in itemRight">
         <span class="number" v-if="item.type === 2">
           <span class="name" v-html="nameRight[index]"></span>
@@ -211,13 +211,13 @@
 <style lang="scss" scoped>
   .statistics{
     position:relative;
-    height: 1rem;
+    height: 0.7rem;
     border-radius:.48rem;
     background: #fff;
     margin:0 .05rem .2rem;
     overflow: hidden;
-    background: url('/images/mobile/@2x/home/countbg.png') no-repeat center;
-    background-size: auto 0.96rem;
+    background: url('/images/mobile/@2x/home/countnewbg1.png') no-repeat center;
+    background-size: auto 0.69rem;
     ul{
       width:50%;
       position:relative;
@@ -243,8 +243,8 @@
       li{
         width:100%;
         text-align: center;
-        height:1rem;
-        line-height: 0.92rem;
+        height:0.7rem;
+        line-height: 0.7rem;
         font-size: .28rem;
         font-weight: bold;
         white-space: nowrap;
@@ -255,20 +255,17 @@
             display: inline-block;
             color:red;
             font-size: 0.32rem;
-            height: .6rem;
-            vertical-align:middle;
-            line-height:.6rem;
+            height: .7rem;
+            line-height:.7rem;
             font-weight: bold;
             .name, .month{
               color: #fff;
-              vertical-align:middle;
             }
             .month{
               font-size: 0.22rem;
             }
             .unit, .num{
               color: #feff00;
-              vertical-align:middle;
             }
             .num{
               padding-left: .1rem;