<template>
	<view :style="{
		color: textColor,
		fontSize: textFontSize,
		fontWeight: `${ ifBold ? 'bold' : 0 }`,
		textAlign: `${ ifCenter ? 'center' : 'left' }`,
		padding: paddingStr
	}">{{textStr}}</view>
</template>

<script>
	export default {
		name:"pitera",
		props:{
			// 内容
			textStr: {
				type:String,
				default:'-- NO MORE --'
			},
			// 字体颜色
			textColor: {
				type:String,
				default:'#999999'
			},
			// 字体大小
			textFontSize: {
				type: String,
				default: '24rpx'
			},
			// 是否加粗
			ifBold: {
				type:Boolean,
				default:false
			},
			// 是否居中
			ifCenter: {
				type:Boolean,
				default: true
			},
			// 内边距的值
			paddingStr: {
				type:String,
				default:'20rpx'
			}
		},
		data() {
			return {};
		}
	}
</script>

<style>
	
</style>
