init
This commit is contained in:
feng0207
@@ -0,0 +1,62 @@
|
||||
<template>
|
||||
<div class="submit_res_container">
|
||||
<div class="image_box"><image src="~static/image/feedback/submitSuccess.png" mode="widthFix"></image></div>
|
||||
<div class="title">
|
||||
<span>提交成功</span>
|
||||
</div>
|
||||
<div class="message">
|
||||
<div>您的信息提交成功</div>
|
||||
<div>我们会尽快与您取得联系!</div>
|
||||
</div>
|
||||
<div class="handle" @click="handleSubmitRes">
|
||||
<span>好的</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
methods:{
|
||||
handleSubmitRes() {
|
||||
this.$emit('handleSubmitRes')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.submit_res_container {
|
||||
padding: 66rpx 111rpx;
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
.image_box {
|
||||
width: 344rpx;
|
||||
image {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.title {
|
||||
color: #434343;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
margin: 30rpx 0 12rpx 0;
|
||||
}
|
||||
.message {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #9F9F9F;
|
||||
}
|
||||
.handle {
|
||||
width: 426rpx;
|
||||
height: 76rpx;
|
||||
background: @primaryBgColor;
|
||||
opacity: 1;
|
||||
border-radius: 38px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
margin-top: 54rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<lay-out headerColor="#3A3A3A" headerTextColor="#fff">
|
||||
<div slot="content" class="content">
|
||||
<div class="header_banner">
|
||||
<div class="header_banner_content">
|
||||
<div class="header_banner_content_title">
|
||||
<span>应用反馈</span>
|
||||
</div>
|
||||
<div class="header_banner_content_message">
|
||||
<span>亲，您有其他对应用的已意见或者您收到不良信息，都可以向时反馈，我们非常重视您给我们提出宝贵的建议，帮助我们不断完善产品，谢谢！</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_banner_image">
|
||||
<div class="header_banner_image_imageBox">
|
||||
<image src="~static/image/feedback/bg.png" mode="widthFix"></image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feedback">
|
||||
<div class="feedback_title">
|
||||
<span>我要反馈</span>
|
||||
</div>
|
||||
<div class="feedback_input">
|
||||
<input v-model="feedBackData.rela_name" type="text" value="" placeholder="请输入您的姓名"/>
|
||||
</div>
|
||||
<div class="feedback_input">
|
||||
<input v-model="feedBackData.phone" type="text" value="" placeholder="请输入您的联系电话" />
|
||||
</div>
|
||||
<div class="feedback_textarea">
|
||||
<textarea v-model="feedBackData.content" value="" placeholder="请填写留言内容" />
|
||||
</div>
|
||||
|
||||
<div class="handle_button" @click="handleSubmit">
|
||||
<span>提交</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</lay-out>
|
||||
|
||||
<uni-popup ref="feedbackReslove" animation>
|
||||
<submit-response @handleSubmitRes="handleSubmitRes"></submit-response>
|
||||
</uni-popup>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {navigateBack} from 'pages/utils/uniApi.js'
|
||||
import submitResponse from './component/submitResponse.vue';
|
||||
import http from 'pages/api/index';
|
||||
import api from 'pages/api/api.js';
|
||||
export default {
|
||||
components: {
|
||||
submitResponse
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
feedBackData: {
|
||||
rela_name: '',
|
||||
phone: '',
|
||||
content: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
},
|
||||
methods: {
|
||||
handleSubmit() {
|
||||
http(api.userFeedback, this.feedBackData).then(res => {
|
||||
this.$refs.feedbackReslove.open('center');
|
||||
})
|
||||
},
|
||||
handleSubmitRes() {
|
||||
navigateBack(1);
|
||||
this.$refs.feedbackReslove.close();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import url('./less/feedback.less');
|
||||
</style>
|
||||
@@ -0,0 +1,135 @@
|
||||
.container {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.header_banner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 30rpx;
|
||||
height: 205rpx;
|
||||
background: #3a3a3a;
|
||||
&_content {
|
||||
flex: 1;
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
&_title {
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
&_message {
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
&_image {
|
||||
width: 173rpx;
|
||||
height: 173rpx;
|
||||
|
||||
&_imageBox {
|
||||
width: 100%;
|
||||
image {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.organization_work {
|
||||
display: flex;
|
||||
margin-bottom: 16rpx;
|
||||
&_item {
|
||||
flex: 1;
|
||||
padding: 24rpx 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
&_label {
|
||||
font-size: 16px;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
&_value {
|
||||
color: #9f9f9f;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
.tip {
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
}
|
||||
|
||||
.feedback {
|
||||
padding: 28rpx 30rpx;
|
||||
background: #fff;
|
||||
flex: 1;
|
||||
&_title {
|
||||
color: #282828;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
&_input {
|
||||
height: 78rpx;
|
||||
background: #f5f5f5;
|
||||
margin-bottom: 20rpx;
|
||||
padding-left: 20rpx;
|
||||
input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
&_textarea {
|
||||
height: 260rpx;
|
||||
padding: 19rpx 20rpx;
|
||||
background: #f5f5f5;
|
||||
textarea {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.handle_button {
|
||||
margin-top: 130rpx;
|
||||
width: 690rpx;
|
||||
height: 86rpx;
|
||||
background: #3875ea;
|
||||
opacity: 1;
|
||||
border-radius: 43px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.feedback_list {
|
||||
margin-bottom: 50rpx;
|
||||
&_item {
|
||||
padding: 30rpx 15rpx;
|
||||
display: flex;
|
||||
border-bottom: 1rpx solid #ccc;
|
||||
|
||||
>div:nth-child(1) {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 50%;
|
||||
margin-right: 15rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
&_selected {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
background: #3875ea;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user