48 lines
851 B
Vue
48 lines
851 B
Vue
<template>
|
|
<div class="list-title">
|
|
<div
|
|
class="title-item"
|
|
v-for="(item, index) in tableTitleList"
|
|
:key="index"
|
|
:style="{ width: item.width, justifyContent: item.justifyContent }"
|
|
>
|
|
<div :style="{paddingRight: item.paddingRight}">
|
|
{{ item.title }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
tableTitleList: {
|
|
type: Array,
|
|
default: () => []
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.list-title {
|
|
margin: 10px 0;
|
|
height: 33px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
background: #f8f9fc;
|
|
border-radius: 4px 4px 4px 4px;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #0f274b;
|
|
|
|
.title-item {
|
|
width: 25%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
}
|
|
</style>
|