JP-ChargeTeam51/pages/user/message.vue

<template>
  <view>
		<u-navbar title="意见反馈"></u-navbar>	  
		<view class="message">
			<view class="message-form">
				<u-form :model="form" ref="uForm" label-width ="100">
									<u-form-item label-width="0">
											<u-input v-model="value" type="textarea"  placeholder="请描述您的商品" height="200"/>
									</u-form-item>
									<u-form-item label-width="0">
										<view class="upload">
											<u-upload :action="action" :file-list="fileList" ></u-upload>
										</view>
									</u-form-item>
					<u-form-item >
						<u-input v-model="value" placeholder="请留下联系方式，方便我们与您取得联系（必填）" />
					</u-form-item>
				</u-form>
			</view>
		</view>
		<u-button class="login-btn" type="success" shape="circle" @click="submit">提交</u-button>
  </view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
				},
				value: '',
				action: 'http://www.example.com/upload',
				fileList: [
					{
						url: 'http://pics.sc.chinaz.com/files/pic/pic9/201912/hpic1886.jpg',
					}
				]
			}
		},
		methods: {
			submit() {
				uni.switchTab({
					url: '/pages/user/index'
				})
			}
		}
	}
</script>
<style lang="scss" scoped>
	.upload{
		width: 100%;
	}

	.message-form{
		padding:0 10px;
		margin-bottom: 10px;
		background-color: #fff;
	}

	.login-btn {
		margin: 28px ;
		background-color:#00B962!important;
		border-color: #00B962!important;
		color:#fff!important;
	}
</style>