studytour-front/pages_order/components/formInput.vue

<template>
  <uv-input 
    :type="type"
    :inputAlign="inputAlign"
    :value="value" 
    @input="$emit('input', $event)" 
    :placeholder="placeholder"
    placeholderStyle="color: #C6C6C6; font-size: 32rpx; font-weight: 400;"
    :customStyle="{
      backgroundColor: 'transparent',
      padding: '0',
      boxSizing: 'border-box',
      fontSize: fontSize,
      border: 'none',
      transform: 'translateX(-4px)'
    }"
    :fontSize="fontSize"
    :disabled="disabled"
  ></uv-input>
</template>


<script>
	export default {
    props: {
			value: {
				default: null
			},
      placeholder: {
        type: String,
				default: '请输入'
			},
      type: {
        type: String,
				default: 'text'
			},
      inputAlign: {
        type: String,
				default: 'left'
			},
      fontSize: {
        type: String,
				default: '32rpx'
			},
      disabled: {
        type: Boolean,
        default: false,
      },
    },
		data() {
      return {
      }
    },
  }
</script>