| | |
| | | <template> |
| | | <div |
| | | class="index_component" |
| | | :class="dataObj.chg > 0 ? 'bg-green' : 'bg-red'" |
| | | @click="toLine" |
| | | > |
| | | <div class="index_component" :class="dataObj.chg > 0 ? 'bg-green' : 'bg-red'" @click="toLine"> |
| | | <div class="item_title"> |
| | | <span class="line-one">{{ dataObj.name }}</span> |
| | | </div> |
| | |
| | | }, |
| | | dataObj: { |
| | | type: Object, |
| | | default: () => {} |
| | | default: () => { } |
| | | } |
| | | }, |
| | | computed: { |
| | | klist() { |
| | | console.log(this.dataObj, "aaaaaaaaaaaaa"); |
| | | if (!this.dataObj.kData || this.dataObj.kData.length == 0) return []; |
| | | return this.dataObj.kData.map(item => { |
| | | return item.c; |
| | |
| | | padding: 0 0.5em; |
| | | font-size: 0.35em; |
| | | color: #333; |
| | | font-weight: 500; |
| | | |
| | | span { |
| | | width: 100%; |
| | | display: inline-block; |
| | | font-weight: 800; |
| | | } |
| | | } |
| | | |