<template>
	<view class="desc">
		<uni-row>
			<uni-col :span="labelSize">
				<view class="desc" style="font-size: 25rpx;">
					{{label}}
				</view>
			</uni-col>
			<uni-col :span="inputSpan">
				<view>
					<uni-easyinput v-if="!textarea" primaryColor="#37babd" v-model="value" @input="input"
						:disabled="disabled">
					</uni-easyinput>
					<uni-easyinput v-if="textarea" type="textarea" primaryColor="#37babd" v-model="value" @input="input"
						:disabled="disabled">
					</uni-easyinput>
				</view>
			</uni-col>
		</uni-row>
	</view>
</template>

<script>
	export default {
		name: 'hs-input',
		props: {
			value: {
				Type: String,
				default: null
			},
			label: {
				Type: String,
				default: ''
			},
			labelSize: {
				Type: Number,
				default: 5
			},
			inputSpan: {
				Type: Number,
				default: 19
			},
			disabled: false,
			textarea: false
		},
		data() {
			return {

			}
		},
		mounted() {

		},
		methods: {
			input: function(e) {
				this.$emit('input', this.value)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.desc {
		padding: 10rpx 5rpx;
		color: #818181;
		font-size: 20rpx;
	}

	.pickerView {
		// align-items: flex-end;
		padding: 10rpx 20rpx;
		border: 1rpx #eeeeee solid;
	}

	.pickerText {
		font-size: 26rpx;
		color: #b1b1b1;
	}
</style>
