|
@@ -11,48 +11,36 @@
|
|
<div class='outdoor'>
|
|
<div class='outdoor'>
|
|
<div class='outdoor-left' :style='{"height":formatter(current.tempOutdoor,maxArr[0])+ "px"}'>
|
|
<div class='outdoor-left' :style='{"height":formatter(current.tempOutdoor,maxArr[0])+ "px"}'>
|
|
<span>
|
|
<span>
|
|
- <font
|
|
|
|
- :class='formatterNum(current.tempOutdoor,1)=="x"||formatterNum(current.tempOutdoor,1)=="0"||formatterNum(current.tempOutdoor,1)=="--"?"red":""'
|
|
|
|
- >{{formatterNum(current.tempOutdoor,1)+' '}}</font>℃
|
|
|
|
|
|
+ <font :class='formatterNum(current.tempOutdoor,1)=="x"?"red":""'>{{formatterNum(current.tempOutdoor,1)+' '}}</font>℃
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class='outdoor-right' :style='{"height":formatter(similarDay.tempOutdoor,maxArr[0])+ "px"}'>
|
|
<div class='outdoor-right' :style='{"height":formatter(similarDay.tempOutdoor,maxArr[0])+ "px"}'>
|
|
<span>
|
|
<span>
|
|
- <font
|
|
|
|
- :class='formatterNum(similarDay.tempOutdoor,1)=="x"||formatterNum(similarDay.tempOutdoor,1)=="0"||formatterNum(similarDay.tempOutdoor,1)=="--"?"red":""'
|
|
|
|
- >{{formatterNum(similarDay.tempOutdoor,1)+' '}}</font>℃
|
|
|
|
|
|
+ <font :class='formatterNum(similarDay.tempOutdoor,1)=="x"?"red":""'>{{formatterNum(similarDay.tempOutdoor,1)+' '}}</font>℃
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='indoor'>
|
|
<div class='indoor'>
|
|
<div class='indoor-left' :style='{"height":formatter(current.tempIndoor,maxArr[1])+ "px"}'>
|
|
<div class='indoor-left' :style='{"height":formatter(current.tempIndoor,maxArr[1])+ "px"}'>
|
|
<span>
|
|
<span>
|
|
- <font
|
|
|
|
- :class='formatterNum(current.tempIndoor,1)=="x"||formatterNum(current.tempIndoor,1)=="0"||formatterNum(current.tempIndoor,1)=="--"?"red":""'
|
|
|
|
- >{{formatterNum(current.tempIndoor,1)+' '}}</font>℃
|
|
|
|
|
|
+ <font :class='formatterNum(current.tempIndoor,1)=="x"?"red":""'>{{formatterNum(current.tempIndoor,1)+' '}}</font>℃
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class='indoor-right' :style='{"height":formatter(similarDay.tempIndoor,maxArr[1])+ "px"}'>
|
|
<div class='indoor-right' :style='{"height":formatter(similarDay.tempIndoor,maxArr[1])+ "px"}'>
|
|
<span>
|
|
<span>
|
|
- <font
|
|
|
|
- :class='formatterNum(similarDay.tempIndoor,1)=="x"||formatterNum(similarDay.tempIndoor,1)=="0"||formatterNum(similarDay.tempIndoor,1)=="--"?"red":""'
|
|
|
|
- >{{formatterNum(similarDay.tempIndoor,1)+' '}}</font>℃
|
|
|
|
|
|
+ <font :class='formatterNum(similarDay.tempIndoor,1)=="x"?"red":""'>{{formatterNum(similarDay.tempIndoor,1)+' '}}</font>℃
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='coldWar'>
|
|
<div class='coldWar'>
|
|
<div class='coldWar-left' :style='{"height":formatter(current.energy,maxArr[2])+ "px"}'>
|
|
<div class='coldWar-left' :style='{"height":formatter(current.energy,maxArr[2])+ "px"}'>
|
|
<span>
|
|
<span>
|
|
- <font
|
|
|
|
- :class='formatterNum(current.energy,0)=="x"||formatterNum(current.energy,0)=="0"||formatterNum(current.energy,0)=="--"?"red":""'
|
|
|
|
- >{{formatterNum(current.energy,0)+' '}}</font>kWh
|
|
|
|
|
|
+ <font :class='formatterNum(current.energy,0)=="x"?"red":""'>{{formatterNum(current.energy,0)+' '}}</font>kWh
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class='coldWar-right' :style='{"height":formatter(similarDay.energy,maxArr[2])+ "px"}'>
|
|
<div class='coldWar-right' :style='{"height":formatter(similarDay.energy,maxArr[2])+ "px"}'>
|
|
<span>
|
|
<span>
|
|
- <font
|
|
|
|
- :class='formatterNum(similarDay.energy,0)=="x"||formatterNum(similarDay.energy,0)=="0"||formatterNum(similarDay.energy,0)=="--"?"red":""'
|
|
|
|
- >{{formatterNum(similarDay.energy,0)+' '}}</font>kWh
|
|
|
|
|
|
+ <font :class='formatterNum(similarDay.energy,0)=="x"?"red":""'>{{formatterNum(similarDay.energy,0)+' '}}</font>kWh
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|