<template>
  <div>
    <div
      class="flex flex-1 flex-wrap mobile-card pt-[14px] border-b-[1px] border-b-black-3B3B3C"
    >
      <div
        class="flex flex-half min-w-6/12"
        v-for="(item, index) in invariable.labels"
        :key="index"
        @click="cardData.link"
      >
        <nowrap-row
          :title="item"
          :value="cardData[invariable.sequence[index]]"
          :value-color="invariable.colorSequence[index]"
        />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'
import { bkTableCollocate } from '../constant'
import nowrapRow from './nowrapRow.vue'
defineProps({
  cardData: Object as any,
})
const invariable = { ...bkTableCollocate }
</script>

<style lang="scss" scoped></style>
