|
|
|
@ -115,8 +115,8 @@ |
|
|
|
:class="[{ pcrate2: parseInt(item.proportion) >= 80 && parseInt(item.proportion) < 90 }, { pcrate3: parseInt(item.proportion) >= 90 },'pcani']">{{ |
|
|
|
item.proportion }}</span> --> |
|
|
|
<div class="rbrate0" |
|
|
|
:class="parseInt(item.proportion)<50||parseInt(item.proportion)==50?'rbrate2': |
|
|
|
(parseInt(item.proportion)<100||parseInt(item.proportion)==100?'rbrate3':'rbrate4') |
|
|
|
:class="parseInt(item.proportion)<60?'rbrate2': |
|
|
|
(parseInt(item.proportion)>60 && parseInt(item.proportion)<=100?'rbrate3':'rbrate4') |
|
|
|
" |
|
|
|
> |
|
|
|
</div> |
|
|
|
@ -1256,16 +1256,17 @@ export default { |
|
|
|
bottom: 0.4rem; |
|
|
|
right: 0.63rem; |
|
|
|
} |
|
|
|
|
|
|
|
/* 正常 */ |
|
|
|
.pcgrs .pcg_item .rbrate2 { |
|
|
|
background-image: url('../assets/img/2.png'); |
|
|
|
background-size: 100% 100%; |
|
|
|
} |
|
|
|
|
|
|
|
/* 拥挤 */ |
|
|
|
.pcgrs .pcg_item .rbrate3 { |
|
|
|
background-image: url('../assets/img/3.png'); |
|
|
|
background-size: 100% 100%; |
|
|
|
} |
|
|
|
/* 爆满 */ |
|
|
|
.pcgrs .pcg_item .rbrate4 { |
|
|
|
background-image: url('../assets/img/1.png'); |
|
|
|
background-size: 100% 100%; |
|
|
|
|