Selaa lähdekoodia

ADD

添加客服功能,界面美化
RegMs If 4 vuotta sitten
vanhempi
commit
94f1de2ac0
2 muutettua tiedostoa jossa 52 lisäystä ja 183 poistoa
  1. 6 149
      miniprogram/pages/aboutUs/aboutUs.js
  2. 46 34
      miniprogram/pages/aboutUs/aboutUs.wxml

+ 6 - 149
miniprogram/pages/aboutUs/aboutUs.js

@@ -4,179 +4,36 @@ Page({
    * 页面的初始数据
    */
   data: {
-    currentTab: 0,
-    winWidth: 0,
-    winHeight: 0,
-    inviteCode: "",
-    publisherName: "",
-    publisherContact: "",
-    publisherIntro: "",
-    publisherType: "",
-    publisherAvatar: [],
-    types: ["校级", "园级", "院级"],
-    stars: ["一星级", "二星级", "三星级", "四星级", "五星级"],
+    currentTab: 0
   },
 
-  stopTouchMove: function () {
-    return false;
-  },
-
-  updateRadio: function (e) {
-    this.setData({
-      publisherType: e.detail.value
-    })
-  },
-
-  updatePublishAvatar: function (e) {
-    this.setData({
-      publisherAvatar: e.detail.images
-    })
-  },
-
-  switch1: function (e) {
+  switch1: function () {
     this.setData({
       currentTab: 1
     })
   },
 
-  switch2: function (e) {
+  switch2: function () {
     this.setData({
       currentTab: 2
     })
   },
 
-  switch3: function (e) {
+  switch3: function () {
     this.setData({
       currentTab: 3
     })
   },
 
-  switch4: function (e) {
-    this.setData({
-      currentTab: 4
-    })
-  },
-
-  switch5: function (e) {
+  switch5: function () {
     this.setData({
       currentTab: 5
     })
   },
 
-  switch6: function (e) {
+  switch6: function () {
     this.setData({
       currentTab: 6
     })
-  },
-
-
-  switchend: function (e) {
-    if (this.data.inviteCode == "" || this.data.publisherName == "" || this.data.publisherContact == "" ||
-      this.data.publisherIntro == "" || this.data.publisherType == "" || this.data.publisherAvatar.length == 0) {
-      wx.showToast({
-        title: "请确认信息填写完整",
-        icon: "none"
-      })
-      return
-    }
-    const db = wx.cloud.database()
-    const _ = db.command
-    db.collection("inviteCodeData").where({
-      code: this.data.inviteCode,
-      used: false
-    }).get({
-      success: function (code) {
-        if (code.data.length == 0) {
-          wx.showToast({
-            title: "邀请码不存在",
-            icon: "none"
-          })
-          return
-        }
-        db.collection("publisherInfoData").where({
-          publisherName: this.data.publisherName
-        }).get({
-          success: function (res) {
-            if (res.data.length != 0) {
-              wx.showToast({
-                title: "名称已使用",
-                icon: "none"
-              })
-              return
-            }
-            wx.showLoading({
-              title: "正在入驻"
-            })
-            wx.cloud.uploadFile({
-              cloudPath: "publisherAvater/" + this.data.publisherName + '.jpg',
-              filePath: this.data.publisherAvatar[0],
-              success: function (res) {
-                db.collection("publisherInfoData").add({
-                  data: {
-                    publisherAttribute: [this.data.currentTab == 2 ? "组织" : "社团"],
-                    publisherAvatar: res.fileID,
-                    publisherContact: this.data.publisherContact,
-                    publisherIntro: this.data.publisherIntro,
-                    publisherName: this.data.publisherName,
-                    publisherType: this.data.publisherType
-                  },
-                  success: function (res) {
-                    db.collection("inviteCodeData").doc(code.data[0]._id).update({
-                      data: {
-                        used: true,
-                        publisherId: res._id
-                      },
-                      success: function () {
-                        db.collection("userInfoData").get({
-                          success: function (user) {
-                            db.collection("userInfoData").doc(user.data[0]._id).update({
-                              data: {
-                                publisherId: _.push(res._id)
-                              },
-                              success: function () {
-                                this.setData({
-                                  currentTab: end
-                                })
-                                wx.hideLoading()
-                              }.bind(this)
-                            })
-                          }.bind(this)
-                        })
-                      }.bind(this)
-                    })
-                  }.bind(this)
-                })
-              }.bind(this)
-            })
-          }.bind(this)
-        })
-      }.bind(this)
-    })
-  },
-
-  returnToUser: function (e) {
-    wx.navigateBack()
-  },
-
-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad: function (e) {
-    wx.getSystemInfo({
-      success: function (res) {
-        this.setData({
-          winWidth: res.windowWidth
-        })
-        this.setData({
-          winHeight: res.windowHeight
-        })
-      }.bind(this),
-    })
-  },
-
-  updatePage: function (e) {
-    this.setData({
-      currentTab: e.detail.current
-    })
   }
 })

+ 46 - 34
miniprogram/pages/aboutUs/aboutUs.wxml

@@ -10,51 +10,63 @@
     <myButton type="primary" size="large" bindtap="switch3"><text>汇听\n更新目录</text></myButton>
   </view>
   <view class="btn-row">
-    <myButton type="primary" size="large" bindtap="switch4"><text>联系我们</text></myButton>
+    <myButton type="primary" size="large" open-type="contact"><text>联系我们</text></myButton>
     <myButton type="primary" size="large" bindtap="switch5"><text>商务合作</text></myButton>
     <myButton type="primary" size="large" bindtap="switch6"><text>开发人员</text></myButton>
   </view>
 </view>
 
-<view wx:if="{{currentTab == 1}}">
-  <view scroll-y style="height: {{winHeight - 60}}px;">
-
-    <view class="sub-title primary-text-color">汇听建立的初衷</view>
-    <view class="message-detail">
-      <rich-text class="detail-text">
-        “汇听”是一个为浙江大学各级各类学生组织、社团,发布活动、通知、纳新招募三种信息搭建的信息平台,用户可以在小程序上查看最新信息、检索自己需要的信息。
-      </rich-text>
+<scroll-view wx:if="{{currentTab == 1}}" style="padding-bottom: 50rpx;" scroll-y>
+  <view class="sub-title primary-text-color">汇听建立的初衷</view>
+  <view class="message-detail">
+    <view class="detail-text">
+      “汇听”是一个为浙江大学各级各类学生组织、社团,发布活动、通知、纳新招募三种信息搭建的信息平台,用户可以在小程序上查看最新信息、检索自己需要的信息。
     </view>
-    <view class="message-detail">
-      <rich-text class="detail-text">
-        想法诞生的来源,第一是目前学校各种社团组织发布信息的渠道不一,在qq空间发说说、在微信公众平台发推文、在朵朵校友圈发软广、在钉钉群发通知、qq邮箱发邮件、在文广等地宣传等等。很多时候,你完全不能知道所有的活动、通知、纳新招募,往往在感兴趣的活动过去了以后才惊觉还有这样的活动。
-      </rich-text>
+  </view>
+  <view class="message-detail">
+    <view class="detail-text">
+      想法诞生的来源,第一是目前学校各种社团组织发布信息的渠道不一,在qq空间发说说、在微信公众平台发推文、在朵朵校友圈发软广、在钉钉群发通知、qq邮箱发邮件、在文广等地宣传等等。很多时候,你完全不能知道所有的活动、通知、纳新招募,往往在感兴趣的活动过去了以后才惊觉还有这样的活动。
     </view>
-    <view class="message-detail">
-      <rich-text class="detail-text">
-        第二是学校的各种信息过于零散,没有统一的分类。有的时候,我只想参加一个校内的志愿活动,但是要在各种公众号和qq群中,自主筛选信息,才能够找到适合我的活动。有的时候,我想在权服侠查阅一条选课通知,却要一直在小侠的空间手动查找,耗费过多时间。更难的是,有的时候我想要正常毕业或者评奖评优用的志愿者小时数、二课三课、综素、活动纪实,却不知道什么活动能给我带来这些。
-      </rich-text>
+  </view>
+  <view class="message-detail">
+    <view class="detail-text">
+      第二是学校的各种信息过于零散,没有统一的分类。有的时候,我只想参加一个校内的志愿活动,但是要在各种公众号和qq群中,自主筛选信息,才能够找到适合我的活动。有的时候,我想在权服侠查阅一条选课通知,却要一直在小侠的空间手动查找,耗费过多时间。更难的是,有的时候我想要正常毕业或者评奖评优用的志愿者小时数、二课三课、综素、活动纪实,却不知道什么活动能给我带来这些。
     </view>
-    <view class="message-detail">
-      <rich-text class="detail-text">
-        第三是信息的问答模块不够通畅。在qq空间发布的说说,谁都可以评论,可以看到一条正经的通知下面有很多没有营养的信息,刷掉了一些有意义的提问;而微信公众号方面,关闭留言版块后,发布者和用户的交流接近于零。
-      </rich-text>
+  </view>
+  <view class="message-detail">
+    <view class="detail-text">
+      第三是信息的问答模块不够通畅。在qq空间发布的说说,谁都可以评论,可以看到一条正经的通知下面有很多没有营养的信息,刷掉了一些有意义的提问;而微信公众号方面,关闭留言版块后,发布者和用户的交流接近于零。
     </view>
-    <view class="message-detail">
-      <rich-text class="detail-text">
-        在这些想法的激励下,汇听诞生了。
-      </rich-text>
+  </view>
+  <view class="message-detail">
+    <view class="detail-text">
+      在这些想法的激励下,汇听诞生了。
     </view>
   </view>
-</view>
+</scroll-view>
 
-<view wx:if="{{currentTab == 6}}">
-  <view scroll-y style="height: {{winHeight - 60}}px;">
-    <view class="sub-title primary-text-color">开发人员</view>
-    <view class="message-detail">
-      <text class="detail-text">
-        程序猿:潘恩皓,冯忆馨,顾予晴\n 美工:刘燕燕
-      </text>
+<scroll-view wx:if="{{currentTab == 2}}" scroll-y>
+  <view class="sub-title primary-text-color">开发中</view>
+</scroll-view>
+
+<scroll-view wx:if="{{currentTab == 3}}" scroll-y>
+  <view class="sub-title primary-text-color">开发中</view>
+</scroll-view>
+
+<scroll-view wx:if="{{currentTab == 5}}" scroll-y>
+  <view class="sub-title primary-text-color">开发中</view>
+</scroll-view>
+
+<scroll-view wx:if="{{currentTab == 6}}" scroll-y>
+  <view class="sub-title primary-text-color">开发人员</view>
+  <view class="message-detail">
+    <view class="detail-text">
+      程序猿:***,***,***
+    </view>
+  </view>
+  <view class="message-detail">
+    <view class="detail-text">
+      美工:***
     </view>
   </view>
-</view>
+</scroll-view>