emis-sapp/components/tpx-input/tpx-input.vue

<template>
	<u-input shape="circle" :placeholder="placeholder" :modelValue="value" :clearable="true" 
		:custom-style="`border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;${customStyle};`" 
		:placeholder-style="`color: #0E0708;${placeholderStyle};` " @change="handleChange"
	></u-input>
</template>

<script>
	export default {
		
		props: {
			value: {
				default () {
					return ''
				}
			},
			placeholder:{
				default () {
					return ''
				}
			},
			customStyle:{
				default () {
					return ''
				}
			},
			placeholderStyle:{
				default () {
					return ''
				}
			},
		},
		data() {
		},
		created() {

		},
		onHide() {

		},
		destroyed() {},
		
		methods: {
			handleChange(val){
				this.$emit('change', val)
				this.$emit('update:value', val) 
			}
		}
	}
</script>

<style scoped lang="scss">
	
</style>