首页计数器样式修改

components/home/count/countItem.vue

@@ -64,13 +64,17 @@
     width: 100%;
     height: 30px;
       span{
+        &:first-child{
+          position: relative;
+          top: -2px;
+        }
         &:last-child{
           font-size: 16px;
           color: #376ef3;
-          font-family: MicrosoftYaHei-Bold;
-          padding: 0px 16px 0px 8px;
+          font-weight: bold;
+          padding: 0px 34px 0px 7px;
           position: relative;
-          top: -2px;
+          top: -5px;
         }
       }
   }

components/home/count/displayCard.vue

@@ -15,35 +15,35 @@
          </ul>
        </div>
        <div>
-         <p><span>{{all}}家</span>
+         <p><span v-html="all"></span><span style="color: #333">家</span>
          </p>
        </div>
        <div>
          <p v-if="payMoney">
-           <span>{{payMoney}}</span>
+           <span v-html="payMoney"></span>
          </p>
          <p v-else><span>0元</span></p>
        </div>
        <div>
          <p v-if="payMoneyLast">
-           <span>{{payMoneyLast}}</span>
+           <span v-html="payMoneyLast"></span>
          </p>
          <p v-else><span>0元</span></p>
        </div>
        <div>
          <p v-if="inquirySheet">
-           <span>{{inquirySheet}}条</span>
+           <span v-html="inquirySheet"></span><span style="color: #333">条</span>
          </p>
          <p v-else><span>0条</span></p>
        </div>
        <div>
          <p v-if="inquirySheetLast">
-           <span>{{inquirySheetLast}}条</span>
+           <span v-html="inquirySheetLast"></span><span style="color: #333">条</span>
          </p>
          <p v-else><span>0条</span></p>
        </div>
        <a class="enter" @click="goStoreApply()">
-         <img src="/images/all/enter1.png">
+         <img src="/images/all/enter2.png">
        </a>
      </div>
   </div>
@@ -97,17 +97,17 @@
           if (parseInt(str2.charAt(str2.length - 8)) > 8) {
             num = num + 1
           }
-          num += '亿'
+          num += '<span style="color: #333">亿</span>'
         } else if (num > 9999) {
           let str = num.toString()
           num = Math.floor(num / 10000)
           if (parseInt(str.charAt(str.length - 4)) > 4) {
             num = num + 1
           }
-          num += '万'
+          num += '<span style="color: #333">万</span>'
         } else {
           if (type === 1 || type === 2) {
-            num += '元'
+            num += '<span style="color: #333">元</span>'
           } else {
             num += ''
           }
@@ -162,14 +162,14 @@
   .display-card{
     position: fixed;
     right: 100px;
-    top: 115px;
-    width: 144px;
-    height: 527px;
+    top: 135px;
+    width: 180px;
+    height: 540px;
     z-index: 100;
     .cardClose{
       position: absolute;
-      right: 0px;
-      top: 0px;
+      right: 3px;
+      top: 1px;
       opacity: 0.8;
       &:hover{
         cursor: pointer;
@@ -177,15 +177,16 @@
     }
     .content{
       margin-top: 10px;
-      width: 143px;
-      height: 517px;
-      background: url('/images/all/countBackground.png') no-repeat;
+      width: 178px;
+      height: 536px;
+      background: url('/images/all/countBackground2.png') no-repeat;
       div{
-        height: 66px;
-        width: 136px;
+        height: 72px;
+        width: 158px;
         padding-top: 30px;
+        margin-left: 6px;
         &:first-child{
-          height: 96px;
+          height: 109px;
           padding-top: 1px;
           ul{
             &:first-child{
@@ -248,16 +249,16 @@
         p{
           width: 100%;
           text-align: center;
-          font-size: 24px;
-          color: #fff;
+          font-size: 20px;
+          color: #f14e4e;
         }
       }
       .enter{
         width: 100%;
         display: inline-block;
         position: absolute;
-        bottom: 28px;
-        left: -4px;
+        bottom: 35px;
+        left: -5px;
         text-align: center;
       }
     }