<template>
	<view class="z-text flex-n fac fje" @click="$emit('click')">
		<view class="text flex-1 line-1" :style="{color:value?textColor:'#999999'}" >{{value!=''&&value!=null?value:placeholder}}</view>
		<view class="z-text_right ml-20 iconfont iconjuxing11kaobei" v-if="arrow"></view>
	</view>
</template>

<script>
	export default {
		name: 'z-text',
		props: {
			value: String|Number,
			arrow: Boolean,
			placeholder: {
				type: String,
				default: ''
			},
			textColor:{
				type: String,
				default: ''
			}
		},
		model: {
			props: 'value',
		},
	}
</script>


<style scoped lang="scss">
	.z-text {
		.text {
			font-size: 28rpx;
		}
	}

	.z-text_right {
		font-size: 24rpx;
		color: #8E9399;
	}
</style>
