| | |
| | | class="row1-col4-row" |
| | | header-class-name="mihi-header" |
| | | > |
| | | <div class="dehydrated-level"> |
| | | <div class="dehydrated-level left-0"> |
| | | <div class="dehydrated-level-item"> |
| | | <span class="item-left" |
| | | >平均脱水量:{{ pageData.averageDehydrationRate }} L</span |
| | | >平均脱水量:{{ pageData.averageDehydrationRate }} L</span |
| | | > |
| | | <span class="item-right">(最近9次)</span> |
| | | </div> |
| | | <div class="dehydrated-level-item"> |
| | | <span class="item-left" |
| | | >最大脱水量:{{ pageData.maximumDehydrationCapacity }} L</span |
| | | > |
| | | ><span |
| | | >最大脱水量:{{ pageData.maximumDehydrationCapacity }} L</span |
| | | > |
| | | <template v-if="pageData.maximumDehydrationDuration" |
| | | >/ |
| | | <span class="level-dete">{{ |
| | | pageData.maximumDehydrationDuration |
| | | }}</span> |
| | | </template> |
| | | </span> |
| | | |
| | | <span class="item-right" |
| | | >({{ pageData.maximumDehydrationCapacityDate }})</span |
| | | > |
| | |
| | | header-class-name="big-header" |
| | | > |
| | | <div class="weight-box"> |
| | | <span v-if="pageData.weightIncreaseRate > 0" class="weight-text">+</span> |
| | | <span v-if="pageData.weightIncreaseRate > 0" class="weight-text" |
| | | >+</span |
| | | > |
| | | <span class="weight-text">{{ pageData.weightIncrease }}</span> |
| | | <span class="unit-text">kg</span> |
| | | </div> |
| | |
| | | import kaiShiImg from "@/img/kaiShi.png"; |
| | | import xinlvImg from "@/img/xinlv.png"; |
| | | import zlmsImg from "@/img/zlms.png"; |
| | | import zlztImg from '@/img/txzt.png'; |
| | | import zlztImg from "@/img/txzt.png"; |
| | | import cljdImg from "@/img/cljd.png"; |
| | | import txqImg from "@/img/txq.png"; |
| | | import tizhongImg from "@/img/tizhong.png"; |
| | |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | &.left-0 { |
| | | padding-left: 0; |
| | | } |
| | | .dehydrated-level-item { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | color: #333333; |
| | | line-height: 6px; |
| | | font-style: normal; |
| | | .level-dete { |
| | | font-family: PingFangSC, PingFang SC; |
| | | font-weight: 600; |
| | | font-size: 4px; |
| | | color: #d58e56; |
| | | text-align: left; |
| | | font-style: normal; |
| | | } |
| | | } |
| | | .item-right { |
| | | font-family: PingFangSC, PingFang SC; |