You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
603 B
31 lines
603 B
<script setup>
|
|
const props = defineProps({
|
|
label: { default: '' }
|
|
})
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<view class="text-line">
|
|
<view class="tl-label">{{ label }}</view>
|
|
<view class="tl-value"><slot></slot></view>
|
|
</view>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.text-line{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
.tl-label{
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
@include flcw(26upx, 52upx, #9A9A9D);
|
|
}
|
|
.tl-value{
|
|
flex-grow: 1;
|
|
word-break: break-all;
|
|
white-space: normal;
|
|
@include flcw(26upx, 52upx, #333);
|
|
}
|
|
}
|
|
</style>
|