VAVABUY/pages/shop/components/norm.vue

<template>
  <view class="items">
    <view class="spec_item" v-for="items, index in item" :key="index">
      <view class="_item spec_label">{{ items.name }}</view>
      <view class="_item spec_value">{{ items.value }}</view>
    </view>
  </view>
</template>
<script setup>
const props = defineProps({
  item: {
    type: Array,
    default: () => []
  }
})
</script>
<style lang="less" scoped>
.items {
  .spec_item {
    display: flex;
    font-size: 24rpx;
    line-height: 40rpx;
    padding: 16rpx 0;
    border-bottom: 1px dashed var(--bor-color);
    color: var(--text-02);
    ._item{
      flex: 1;
    }
    .spec_label{
      color: var(--text-02);
    }
  }
}
</style>