<template>
	<view>
		<car-common :login="true" mytitle="乘车记录"   ref="common"></car-common>
		
		<view class="form-title">
			意见和问题
		</view>
		<view class="form-content">
			<u-field v-model="text" placeholder="请详细描述您的意见和反馈" type="textarea" label-width="0"></u-field>
		</view>
		
		<view class="form-upload">
			<view class="form-title">
				上传图片（选填，提供问题截图）
			</view>
			<img src="static/img/upload.png"  v-show="!src"  @click="upload" alt="">
			<img :src="src" style="width: 100px;" v-show="src"  @click="upload" alt="">
			
 
		</view>

		<view class="form-phone">
			<u-field v-model="mobile"	placeholder="选填,方便我们联系您" label="联系方式"></u-field>
		</view>
		<view class="upload-button">
			<u-button type="primary" shape="circle" @click="submit">提交</u-button>
		</view>
	</view>
</template>

<script>
	import api from './feedback.js'
	export default  api;
</script>

<style>
	page{background-color: #f7f7f7;}
</style>
<style scoped lang="scss">
	.form-content{
		background-color: #fff;
	}
	.form-title{
		margin: 10px 0;
		padding-left: 15px;
		color:#666;
	}
	.form-upload{
		background-color: #fff;
		padding: 10px;
		margin-top: 10px;
	}
	.form-phone{
		margin-top: 10px;
		background-color: #fff;
	}
	.upload-button{
		position: fixed;
		left: 30rpx;
		bottom:30rpx;
		right: 30rpx;
	}
</style>
