微信小程序> 微信小程序意见反馈的实现

微信小程序意见反馈的实现

浏览量:4100 时间: 来源:AnonymousColt

第一种:自己实现

feedback.js:

const url = require('../../utils/requireurl.js').url;Page({  /**   * 页面的初始数据   */  data: {    loading: false,    contact: '',    contant: ''  },  formSubmit: function (e) {    let _that = this;    let content = e.detail.value.opinion;    let contact = e.detail.value.contact;    let regPhone = /^1[3578]d{9}$/;    let regEmail = /^[a-zd_-.]+@[a-zd_-]+.[a-zd_-]+$/i;    if (content == "") {      wx.showModal({        title: '提示',        content: '反馈内容不能为空!',      })      return false    }    if (contact == "") {      wx.showModal({        title: '提示',        content: '手机号或者邮箱不能为空!',      })      return false    }    if (contact == "" && content == "") {      wx.showModal({        title: '提示',        content: '反馈内容,手机号或者邮箱不能为空!',      })      return false    }    if ((!regPhone.test(contact) && !regEmail.test(contact)) || (regPhone.test(contact) && regEmail.test(contact))) { //验证手机号或者邮箱的其中一个对      wx.showModal({        title: '提示',        content: '您输入的手机号或者邮箱有误!',      })      return false    } else {      this.setData({        loading: true      })      let model, system, platform;      wx.getSystemInfo({        success: function (res) {          model = res.model;          system = res.system;          platform = res.platform;        }      })      wx.request({        url: url + '/util/feedback',        header: {          'content-type': 'application/x-www-form-urlencoded'        },        data: {          'content': content,          'contact': contact,          'device_model': model, //手机型号          'device_system ': system, //操作系统版本          'app_version': platform  //客户端平台        },        method: 'POST',        success: function (res) {          let status = res.data.status;          if (status == 1) {            _that.setData({              loading: false,              contact: '',              contant: ''            })            wx.showToast({              title: '成功',              icon: 'success',              duration: 1500            })          }        },        fail: function () {          console.log("意见反馈接口调用失败")        }      })    }  },})

feedback.wxml:

!--pages/feedback/feedback.wxml--view class="opinion_wrap"  form bindsubmit="formSubmit"      view class="content_wrap"          view class="content"              textarea name="opinion"   value="{{content}}" auto-height placeholder-class="placeholder" placeholder="期待您的反馈,我们将会不断改进(ง •̀_•́)ง" /          /view      /view        view class="phone"          input name="contact" value="{{contact}}" placeholder-class="placeholder" placeholder="请留下您的手机号或邮箱,方便我们及时回复" /      /view      button formType="submit" hover-class="none" loading="{{loading}}"提交/button  /form/view

feedback.wxss:

/* pages/feedback/feedback.wxss */page{    background-color: #efefef;}.content_wrap{    background-color: #fff;}.content{    padding: 10rpx;    margin: 0 auto}textarea{    min-height: 300rpx;    width: 100%;}input{    margin-top: 30rpx;    height: 100rpx;    padding-left: 20rpx;    background-color: #fff;}button{    width: 80%;    margin-top: 30rpx;    background-color: #696969;    color: #fff;}.placeholder{    color: #b6b6b6;    font-size: 14px;}

实现效果:

参考链接:http://www.lanrenmb.com/xiaochengxujiaocheng/9312_3.html

 

第二种:使用微信官方反馈与建议功能

使用官方文档中提供的意见反馈功能,具体如下:

参考链接1:https://www.jianshu.com/p/e22815c9b02d

参考链接2:https://blog.csdn.net/qq_35324453/article/details/81559113

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎