| | |
| | | <template> |
| | | <wd-row> |
| | | <wd-col v-for="(item, index) in data" :key="index" :span="12" class="my-1"> |
| | | <view class="flex justify-between pr-1"> |
| | | <view class="text-[#646874]">{{ item.label }}</view> |
| | | <view class="font-medium" :style="{ color: color }">{{ item.value }}</view> |
| | | <wd-col v-for="(item, index) in data" :key="index" :span="item.span ?? 12" class="my-1"> |
| | | <view class="flex justify-between w-full h-[20px]"> |
| | | <view class="text-[#646874] pl-1">{{ item.label }}</view> |
| | | <view class="font-medium pr-1" :style="{ color: item.color ?? color }"> |
| | | {{ value[item.prop] }} {{ value[item.unitProp] }} {{ item.unit }} |
| | | </view> |
| | | </view> |
| | | </wd-col> |
| | | </wd-row> |
| | |
| | | return []; |
| | | }, |
| | | }, |
| | | value: { |
| | | type: Object, |
| | | default: () => { |
| | | return {}; |
| | | }, |
| | | }, |
| | | color: { |
| | | type: String, |
| | | default: "#333333", |
| | | }, |
| | | unit: { |
| | | type: String, |
| | | default: "", |
| | | }, |
| | | }); |
| | | </script> |