hptwxMiniProgram/components/appraise.vue

<template>
	<view class="appraise-Form">
		<uni-forms :modelValue="formData" label-width="120">
			<uni-forms-item label="卡号" name="cardNo">
				<uni-easyinput type="text" trim="all" v-model="formData.cardNo" placeholder="请输入卡号" />
			</uni-forms-item>
			<uni-forms-item  name="remark" label="备注">
				<uni-easyinput type="textarea" autoHeight v-model="formData.remark" placeholder="请输入备注" trim="all"></uni-easyinput>
			</uni-forms-item>						
		</uni-forms>
		<button class="submit-BT" type="primary" @click="submitForm">提交</button>		
	</view>
</template>

<script>
	export default {
		name:"appraise",
		data() {
			return {
				formData:{
					remark:"",
					cardNo:undefined
				}
			};
		},
		methods:{
			submitForm(){	
				this.$emit('submit',this.formData)				
			},
			reset(){
				this.formData={
					remark:"",
					cardNo:undefined					
				}
			}
		}
	}
</script>

<style lang="less" scoped>
	.appraise-Form{
		.submit-BT{
			color: #fff;
			background-color: #007aff !important;
			margin-top: 60upx;
		}	
		.uni-rate-container{
			height: 100%;
			display: flex;
			align-items: center;
		}
	}
</style>