leave-unused/pagesA/feedback/feedback.vue

70 lines
1.7 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view class="pad-x20">
<!-- 头部 -->
<status-nav :ifReturn="true" navBarTitle="反馈建议"></status-nav>
<view class="tips font28">提示如果您有问题反馈或意见建议都可以在下方表单提交哟</view>
<view class="feedback background-white radius20 border-box">
<view class="title font30 color-99">反馈或建议</view>
<textarea class="font28 radius10 border-box" v-model="feedbackMsg"></textarea>
</view>
<view class="feedback-btn background-blue radius20 font30 color-ff" @tap="submitEv"></view>
</view>
</template>
<script>
export default {
data() {
return {
statusHeight:uni.getSystemInfoSync().statusBarHeight, //状态栏高度
feedbackMsg:'',// 反馈建议
flag:true, //是否可提交
}
},
onLoad() {
},
methods: {
submitEv(){
if(this.flag){
this.flag = false;
this.$requst.post('/api/v1/user/feedback',{content:this.feedbackMsg}).then(res=>{
if(res.code == 0){
this.$toolAll.tools.showToast('提交成功');
// 返回
uni.navigateBack({delta:1})
}else{
this.$toolAll.tools.showToast(res.msg);
}
setTimeout(()=>{
this.flag = true;
},2000)
})
}
}
}
}
</script>
<style scoped>
.tips{
padding: 20rpx 20rpx 0;
line-height: 1.5;
color: #333333;
}
.feedback{
width: calc(100% - 40rpx);
margin: 20rpx auto 50rpx;
padding: 15rpx 20rpx;
}
.feedback textarea{
width: 100%;
border: 2rpx solid #f4f5f6;
margin-top: 5px;
padding: 8rpx 10px;
line-height: 1.5;
}
.feedback-btn{
width: calc(100% - 40rpx);
line-height: 80rpx;
text-align: center;
margin: 0 auto;
}
</style>