| | |
| | | class="at-col" |
| | | v-for="(item,index) in values2" |
| | | :key="index" |
| | | :class="'at-col-' + valueFlex[index]" |
| | | :class="'at-col-' + valueFlex[index] + ' ' + (!!item.onClick?'on-clickable':'')" |
| | | @tap="evt => item.onClick && item.onClick(item)" |
| | | > |
| | | <view class="c-numerical-value"> |
| | | <text :class="item.textType?('m-text-'+item.textType):''">{{item.integer}}</text> |
| | | <view |
| | | class="c-numerical-value" |
| | | :class="item.textType?('m-text-'+item.textType):''" |
| | | > |
| | | <text class="c-numerical-interger">{{item.integer}}</text> |
| | | <text |
| | | class="c-numerical-decimal" |
| | | :class="item.integer.length>6?'small':''" |
| | | :class="item.integer.length>4?'small':''" |
| | | v-if="item.decimal.length>0" |
| | | >.{{item.decimal}}</text> |
| | | <text class="c-numerical-more">»</text> |
| | | </view> |
| | | <view class="c-numerical-title">{{item.title}}</view> |
| | | </view> |
| | |
| | | name: 'CNumerical', |
| | | components: {}, |
| | | props: { |
| | | // 数值集合,格式为:[{title, value, textType}] |
| | | values: Array, |
| | | // 数值集合,格式为:[{title, value, textType, onClick}] |
| | | values: { |
| | | type: Array, |
| | | default: () => [], |
| | | }, |
| | | }, |
| | | computed: { |
| | | values2() { |
| | |
| | | if (surplus === 0) { |
| | | return 4; |
| | | } else if (surplus === 1) { |
| | | if (index === this.values.length - 1) { |
| | | if (this.values.length === 1) { |
| | | return 12; |
| | | } else { |
| | | return 4; |
| | | if (index >= this.values.length - 4) { |
| | | return 6; |
| | | } else { |
| | | return 4; |
| | | } |
| | | } |
| | | } else if (surplus === 2) { |
| | | if (index >= this.values.length - 2) { |