<template>
  <view>
    <up-row justify="space-between" v-for="item in commentWf">
      <up-col span="6">
        <view>
          {{ item.nodeName }}：<text class="value">{{ item.comment }}</text>
        </view>
      </up-col>
      <up-col span="6">
        <view class="y-end">
          <text class="value">{{ item.userName }}</text>
          <text class="value">{{ item.time }}</text>
        </view>
      </up-col>
    </up-row>
  </view>
</template>

<script setup>
const props = defineProps({
  commentWf: {
    type: Array,
    default: () => []
  }
})
</script>

<style lang="scss" scoped>
.u-row {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.value {
  color: #666;
  font-size: 16px;
}
</style>
