46 lines
665 B
Vue
46 lines
665 B
Vue
<template>
|
||
<view class="info-row">
|
||
<text class="label">{{ label }}：</text>
|
||
<text class="value">{{ value }}</text>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { defineProps } from "vue";
|
||
|
||
// Props
|
||
const props = defineProps({
|
||
label: {
|
||
type: String,
|
||
required: true,
|
||
default: "",
|
||
},
|
||
value: {
|
||
type: [String, Number],
|
||
required: true,
|
||
default: "",
|
||
},
|
||
});
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.info-row {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.label {
|
||
font-size: 12px;
|
||
color: #666666;
|
||
flex-shrink: 0;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
.value {
|
||
font-size: 14px;
|
||
color: #333333;
|
||
flex: 1;
|
||
}
|
||
</style>
|