|
|
@@ -3,15 +3,11 @@
|
|
|
<ul class="list-inline" :style="{top: widthTop + 'rem'}" :class="{no_tran: widthTop == 2.4}">
|
|
|
<li v-for="(item, index) in itemData" :style="index % 2 == 0 ? 'text-align: right;padding-right: .3rem;' : 'text-align: left;padding-left: .3rem;'">
|
|
|
<span class="number" v-if="item.type === 2">
|
|
|
- <!--<span class="title"><i class="icon" :class="'icon' + index" ></i></span>-->
|
|
|
<img :src="`/images/mobile/@2x/home/count${index + 1}.jpg`" alt="">
|
|
|
<span v-html="formatDouble(item.count)" style="vertical-align: middle"></span>
|
|
|
<span class="unit">条</span>
|
|
|
</span>
|
|
|
<span class="number" v-else>
|
|
|
- <!--<span class="title">
|
|
|
- <i class="icon" :class="'icon' + index" ></i>
|
|
|
- </span>-->
|
|
|
<img :src="`/images/mobile/@2x/home/count${index + 1}.jpg`" alt="">
|
|
|
<span v-html="formatNumber(item.count, index)" style="vertical-align: middle"></span>
|
|
|
<span class="unit" v-if="item.type === 3">家</span>
|
|
|
@@ -149,8 +145,6 @@
|
|
|
width:50%;
|
|
|
height:.6rem;
|
|
|
line-height: .6rem;
|
|
|
- /*padding: 0 .3rem;*/
|
|
|
- /*text-align: center;*/
|
|
|
font-size: .28rem;
|
|
|
font-weight: bold;
|
|
|
white-space: nowrap;
|
|
|
@@ -172,54 +166,6 @@
|
|
|
img {
|
|
|
height: .3rem;
|
|
|
}
|
|
|
- &.title{
|
|
|
- display: inline-block;
|
|
|
- width: 1.85rem;
|
|
|
- height:.6rem;
|
|
|
- line-height: .6rem;
|
|
|
- vertical-align:middle;
|
|
|
- margin-left: 0.15rem;
|
|
|
-
|
|
|
- i{
|
|
|
- &.icon{
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
- height: .6rem;
|
|
|
- }
|
|
|
- &.icon0{
|
|
|
- background:url('/images/mobile/@2x/home/count1.jpg') right no-repeat;
|
|
|
- background-size: auto 0.3rem;
|
|
|
- }
|
|
|
- &.icon1{
|
|
|
- background:url('/images/mobile/@2x/home/count2.jpg') right no-repeat;
|
|
|
- background-size: auto 0.3rem;
|
|
|
- }
|
|
|
- &.icon2{
|
|
|
- background:url('/images/mobile/@2x/home/count3.jpg') right no-repeat;
|
|
|
- background-size: auto 0.3rem;
|
|
|
- }
|
|
|
- &.icon3{
|
|
|
- background:url('/images/mobile/@2x/home/count4.jpg') right no-repeat;
|
|
|
- background-size: auto 0.3rem;
|
|
|
- }
|
|
|
- &.icon4{
|
|
|
- background:url('/images/mobile/@2x/home/count5.jpg') right no-repeat;
|
|
|
- background-size: auto 0.3rem;
|
|
|
- }
|
|
|
- &.icon5{
|
|
|
- background:url('/images/mobile/@2x/home/count6.jpg') right no-repeat;
|
|
|
- background-size: auto 0.3rem;
|
|
|
- }
|
|
|
- &.icon6{
|
|
|
- background:url('/images/mobile/@2x/home/count7.jpg') right no-repeat;
|
|
|
- background-size: auto 0.3rem;
|
|
|
- }
|
|
|
- &.icon7{
|
|
|
- background:url('/images/mobile/@2x/home/count8.jpg') right no-repeat;
|
|
|
- background-size: auto 0.3rem;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
&.number{
|
|
|
display: inline-block;
|
|
|
color:red;
|
|
|
@@ -233,28 +179,6 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- &:nth-child(2), &:nth-child(4){
|
|
|
- span{
|
|
|
- &.title{
|
|
|
- width: 1.8rem;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- &:nth-child(6){
|
|
|
- span{
|
|
|
- &.title{
|
|
|
- width: 1.9rem;
|
|
|
- margin-left: 0rem;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- &:nth-child(8){
|
|
|
- span{
|
|
|
- &.title{
|
|
|
- width: 1.3rem;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
}
|