recruitment-wechat-uniapp-241012/pages_order/kepp/MechanicProblem.vue

<template>
	<!-- 技工问题 -->
	<view class="page">
		<navbar title="意见反馈" leftClick @leftClick="$utils.navigateBack" />
		<view class="page-two">
			<view class="headline">反馈内容</view>
			<view class="text-field">
				<uv-textarea v-model="feedback" placeholder="请简要描述您的问题和意见，以使我们提供更好的帮助" height="400rpx" maxlength="600"
					count="true" />
			</view>

			<view class="relation">
				<view>如有疑问请联系客服：</view>
				<view style="color: #4280FD;">4008-678-918</view>
			</view>

			<view class="bottom">
				<view class="submit">
					提交
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				feedback: ""
			}
		},
		onShow() {},
		methods: {

		}
	}
</script>

<style scoped lang="less">
	.page {
		background-color: #fff;
		height: 100vh;

		.page-two {
			width: 90%;
			margin-left: 5%;
		}

		.headline {
			padding: 40rpx 0;
			font-size: 36rpx;
			font-weight: 600;
			color: #333;
		}

		.text-field {
			/deep/ .uv-textarea {
				background-color: #F6F6F6;
			}
		}

		.relation {
			display: flex;
			justify-content: center;
			margin-top: 40rpx;
			padding: 30rpx 0;
			font-size: 24rpx;
			background-color: #F6F6F6;
			border-radius: 8rpx;
		}

		.bottom {
			position: fixed;
			width: 90%;
			bottom: 40rpx;
			display: flex;
			justify-content: center;
			text-align: center;
			.submit {
				width: 90%;
				color: #fff;
				border-radius: 45rpx;
				font-size: 28rpx;
				background-color: #3796F8;
				padding: 25rpx 0;
			}
		}

	}
</style>