<template>
	<view class="pd-lr-20">
		<view class="cardBox mg-t-20">
			<view class="card-title">问题原因</view>
			<up-line dashed color="#ccc"></up-line>
			<view class="card-body mg-t-20">
				<view class="card-type">
					<input type="text" v-model="state.fromData.reason" placeholder="描述问题原因" />
				</view>
			</view>
		</view>
		<view class="cardBox mg-t-20">
			<view class="card-title">问题描述</view>
			<up-line dashed color="#ccc"></up-line>
			<view class="card-body mg-t-20">
				<textarea v-model="state.fromData.describe" placeholder="描述具体的问题描述"></textarea>
			</view>
		</view>
		<view class="cardBox mg-t-20">
			<view class="card-title">联系方式 </view>
			<up-line dashed color="#ccc"></up-line>
			<view class="card-body mg-t-20">
				<input type="number" maxlength="11" v-model="state.fromData.phone" placeholder="请输入手机号码" />
			</view>
		</view>

		<div class="fixed">
			<up-button class="mg-t-20 " text="提交"></up-button>
		</div>
		<up-gap height="80" bgColor="#bbbfff00"></up-gap>
	</view>
</template>

<script lang="ts" setup>
	import { onMounted, reactive } from 'vue';

	const state = reactive({
		fromData: {} as any,
	})

	onMounted(() => {
	});
</script>

<style lang="scss" scoped>
	.success {
		width: 90%;
	}
</style>