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.
71 lines
1.3 KiB
71 lines
1.3 KiB
<template> |
|
<view class="t-th" :style="{ 'border-width': thBorder + 'px' ,'border-color':borderColor,'font-size':fontSize+'px' ,'color':color,'justify-content':thAlignCpd}"> |
|
<slot></slot> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
props: { |
|
align: String, |
|
}, |
|
data() { |
|
return { |
|
thBorder: '1', |
|
borderColor: '#d0dee5', |
|
fontSize: '15', |
|
color: '#3b4246', |
|
thAlign: 'center' |
|
}; |
|
}, |
|
inject: ['table', 'tr'], |
|
|
|
created() { |
|
this.thBorder = this.table.border; |
|
this.borderColor = this.table.borderColor; |
|
this.fontSize = this.tr.fontSize; |
|
this.color = this.tr.color; |
|
if (this.align) { |
|
this.thAlign = this.align; |
|
} else { |
|
this.thAlign = this.tr.align |
|
} |
|
}, |
|
|
|
computed: { |
|
thAlignCpd() { |
|
let nameAlign = ''; |
|
switch (this.thAlign) { |
|
case 'left': |
|
nameAlign = 'flex-start' |
|
break; |
|
case 'center': |
|
nameAlign = 'center' |
|
break; |
|
case 'right': |
|
nameAlign = 'flex-end' |
|
break; |
|
default: |
|
nameAlign = 'center' |
|
break; |
|
} |
|
return nameAlign |
|
} |
|
} |
|
}; |
|
</script> |
|
|
|
<style> |
|
.t-th { |
|
flex: 1; |
|
display: flex; |
|
align-items: center; |
|
font-size: 30upx; |
|
font-weight: bold; |
|
text-align: center; |
|
color: #3b4246; |
|
border-left: 1px #d0dee5 solid; |
|
border-top: 1px #d0dee5 solid; |
|
padding: 15upx; |
|
} |
|
</style>
|
|
|