leave-unused/pagesA/feedback/feedback.vue

70 lines
1.7 KiB
Vue
Raw Normal View History

2022-12-02 10:12:31 +00:00
<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>