| | |
| | | <div class="metric-name">{{ item.name }}</div> |
| | | <div class="metric-value">{{ formatNumber(item.value) }}</div> |
| | | <div class="metric-compare" v-if="item.compare !== undefined"> |
| | | <span :class="getCompareClass(item.compare)"> |
| | | <span v-if="item.name == 'åºåæ»é'"> |
| | | |
| | | </span> |
| | | <span :class="getCompareClass(item.compare)" v-else> |
| | | <i :class="getCompareIcon(item.compare)"></i> |
| | | {{ formatCompareValue(item.compare) }} |
| | | </span> |
| | | <span class="compare-label">è¾æ¨æ¥</span> |
| | | <!-- <span class="compare-label">è¾æ¨æ¥</span> --> |
| | | <span class="compare-label">{{ text(item.name) }}</span> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | if (num === undefined || num === null) return '0'; |
| | | return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); |
| | | }; |
| | | |
| | | const text = (str) => { |
| | | if (str == "仿¥è¿åºé" || str == "仿¥åºåºé") { |
| | | return "è¾æ¨æ¥" |
| | | } else if (str == "æ¬æè¿åºé" || str == "æ¬æåºåºé") { |
| | | return "è¾ä¸æ" |
| | | } else { |
| | | return "" |
| | | } |
| | | } |
| | | |
| | | // æ ¼å¼åæ¯è¾å¼ |
| | | const formatCompareValue = (value) => { |
| | |
| | | margin-right: 8px; |
| | | } |
| | | |
| | | .compare-hidden { |
| | | display: hidden; |
| | | } |
| | | |
| | | .compare-zero i { |
| | | font-size: 12px; |
| | | margin-right: 4px; |