微信小程序论坛白色背景发帖提问页样式模板制作设计下载

制作好以后效果图如下：

一、wxml页面代码如下：

<view class="weui-cells weui-cells_form">
  <view class="weui-cell">
    <view class="weui-cell__hd">
      <view class="weui-label">标题</view>
    </view>
    <view class="weui-cell__bd">
      <input class="weui-input" placeholder="请输入帖子标题" bindblur="feedBackTitle" bindinput="feedBackTitle" bindconfirm="feedBackTitle" />
    </view>
  </view>
  <view class="weui-cell">
    <view class="weui-cell__hd">
      <view class="weui-label">内容</view>
    </view>
  </view>
  <view class="weui-cell">
    <view class="weui-cell__bd">
      <textarea auto-height="true" class="weui-input" placeholder="问题内容" bindblur="feedBackInput" bindinput="feedBackInput" bindconfirm="feedBackInput" />
    </view>
  </view>
  <view class="weui-cell">
    <view class="weui-cell__bd">
      <button  class="weui-btn weui-btn_mini weui-btn_primary" bindtap="submit">提交</button>
    </view>
  </view>
  
</view>
<view class="weui-footer">2017 © NUTZ.CN</view>

二、js页面代码如下：

// pages/new/new.js
Page({
  data: {
    title: null,
    content: null,
    accesstoken: null
  },
  feedBackTitle: function (e) {
    this.setData({
      "title": e.detail.value
    })
  },
  feedBackInput: function (e) {
    this.setData({
      "content": e.detail.value
    })
  },
  submit: function () {
    if (!this.data.title) {
      wx.showToast({
        title: '请填写标题',
        icon: 'success',
        duration: 2000
      })
    } else if(!this.data.content){
      wx.showToast({
        title: '请填写内容',
        icon: 'success',
        duration: 2000
      })
    }else {
      wx.showToast({
        title: '正在提交回复',
        icon: 'loading',
        duration: 2000
      })
      wx.request({
        url: 'https://nutz.cn/yvr/api/v1/topics',
        method: "POST",
        header: {
          'content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          title: this.data.title,
          content: this.data.content,
          accesstoken: this.data.accesstoken
        },
        success: (res) => {
          wx.hideToast();
          console.log(res)
          if (res.data.success) {
            wx.navigateTo({
              url: '../topics/detail/detail?id=' + res.data.topic_id
            })
          } else {
            wx.showToast({
              title: res.data.message || '没有权限,请@兽总',
              icon: 'loading',
              duration: 2000
            })
          }
        }
      })
    }
  },
  onLoad: function (options) {
    // 页面初始化 options为页面跳转所带来的参数
    wx.getStorage({
      key: 'accesstoken',
      success: (res) => {
        this.setData({
          "accesstoken": res.data
        });
      }
    });
  },
  onReady: function () {
    // 页面渲染完成
  },
  onShow: function () {
    // 页面显示
  },
  onHide: function () {
    // 页面隐藏
  },
  onUnload: function () {
    // 页面关闭
  },
  feedBackContent: function (e) {

  }
})

模板简介：该模板名称为【微信小程序论坛白色背景发帖提问页样式模板制作设计下载】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。