反馈页面 


<template>
	<view class="">
		<view class="container">
		    <view class="txt_box">
		        <view class="tit">问题或建议</view>
		        <view class="txt">
		            <textarea class="feednews" placeholder="请描述您的问题或建议，我们将尽快核实、优化体验，感谢您的反馈"></textarea>
		        </view>
		    </view>
		    <view class="phone_box">
		        <view class="tit">联系方式</view>
		        <view class="txt">
		            <input type="text" id="phone" placeholder="留下您的手机号(以便我们与您联系，不对外公布) ">
		        </view>
		    </view>
		    <view class="btn_box">提交</view>
		     
		</view>
	</view>
</template>

<script>
</script>

<style>
	page{background-color:#f2f5f9}
	.container{
		padding: 10px;
	}
	.txt_box {
	    height: 245px;
	    background: #fff;
	    margin-bottom: 10px;
	    padding: 0 10px;
		border-radius: 10px;
	}
	.txt_box .tit, .phone_box .tit {
	    height: 48px;
	    line-height: 48px;
	    font-size: 18px;
	    color: #333;
	    border-bottom: 1px solid #d7d8de;
	}
	.txt_box .txt textarea {
	    width: 100%;
	    height: 200px;
	    font-size: 14px;
	    padding: 10px 0;
	}
.phone_box {
    height: 100px;
    background: #fff;
    margin-bottom: 10px;
    padding: 0 10px;
	border-radius: 10px;
}
.phone_box .txt input {
    height: 48px;
    width: 100%;
    border: 0;
    font-size: 14px;
}
.btn_box {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #5b7cf8;
    text-align: center;
    color: #fff;
    font-size: 16px;
	border-radius: 10px;
}
</style>


评论