集成吐槽功能

Author: nlanxs

app.json

@@ -54,6 +54,7 @@
     "downloadFile": 10000
   },
   "navigateToMiniProgramAppIdList": [
-    "wxb6bde4eeb2d43820"
+    "wxb6bde4eeb2d43820",
+    "wx8abaf00ee8c3202e"
   ]
 }

app.wxss

@@ -11,6 +11,7 @@
 
 @import "vendor/ZanUI/index.wxss";
 @import "vendor/dist/index.wxss";
+@import "pages/index/index.wxss";
 
 .container {
   padding: 0 28rpx;

pages/index/index.js

@@ -27,9 +27,8 @@ var app = getApp();
 Page({
   data: {
     postsList: [],
-    postsList1: [],
-    //postsList2: [],
-    postsList3: [],
+    recommendPostsList: [],
+    selectionPostsList: [],
     postsShowSwiperList: [],
     isLastPage: false,
     page: 1,
@@ -46,8 +45,17 @@ Page({
     currentIndex: 0,
     topNav: [],
     userInfo: app.globalData.userInfo,
-    isLoginPopup: false
-
+    isLoginPopup: false,
+    appId: "wx8abaf00ee8c3202e",
+    extraData: {
+      // 把1221数字换成你的产品ID，否则会跳到别的产品
+      id: "45980",
+      // 自定义参数，具体参考文档
+      customData: {
+        clientInfo: `iPhone OS 10.3.1 / 3.2.0.43 / 0`,
+        imei: '7280BECE2FC29544172A2B858E9E90D0'
+      }
+    }
 
   },
   formSubmit: function(e) {
@@ -173,7 +181,7 @@ Page({
   },
   fetchTopFivePosts: function() {
     var self = this;
-    //取置顶的文章
+    //获取幻灯片的文章
     var getPostsRequest = wxRequest.getRequest(Api.getSwiperPosts());
     getPostsRequest.then(response => {
         if (response.data.status == '200' && response.data.posts.length > 0) {
@@ -323,7 +331,7 @@ Page({
     getPostsRequest.then(response => {
       if (response.statusCode === 200) {
         self.setData({
-          postsList1: self.data.postsList1.concat(response.data.map(function(item) {
+          recommendPostsList: self.data.recommendPostsList.concat(response.data.map(function(item) {
 
             var strdate = item.date
             if (item.category_name != null) {
@@ -350,7 +358,7 @@ Page({
     getPostsRequest.then(response => {
       if (response.statusCode === 200) {
         self.setData({
-          postsList3: self.data.postsList3.concat(response.data.map(function(item) {
+          selectionPostsList: self.data.selectionPostsList.concat(response.data.map(function(item) {
 
             var strdate = item.date
             if (item.category_name != null) {
@@ -371,44 +379,6 @@ Page({
     })
   },
 
-
-  //获取浏览排行
-  fetchPostsHostData: function(tab) {
-    var self = this;
-    self.setData({
-      postsList2: []
-    });
-    wx.showLoading({
-      title: '正在加载',
-      mask: true
-    });
-    var getTopHotPostsRequest = wxRequest.getRequest(Api.getTopHotPosts(tab));
-    getTopHotPostsRequest.then(response => {
-        if (response.statusCode === 200) {
-          self.setData({
-            postsList2: self.data.postsList2.concat(response.data.map(function(item) {
-              var strdate = item.post_date
-              if (item.post_thumbnail_image == null || item.post_thumbnail_image == '') {
-                item.post_thumbnail_image = '../../images/logo700.png';
-              }
-              item.post_date = util.cutstr(strdate, 10, 1);
-              return item;
-            })),
-          });
-        } else if (response.statusCode === 404) {
-          console.log('加载数据失败,可能缺少相应的数据');
-        }
-      })
-      .catch(function() {
-        wx.hideLoading();
-      })
-      .finally(function() {
-        setTimeout(function() {
-          wx.hideLoading();
-        }, 1500);
-      });
-  },
-
   //加载分页
   loadMore: function(e) {
 
@@ -519,7 +489,7 @@ Page({
     });
   },
 
-  userAuthorization: function () {
+  userAuthorization: function() {
     var self = this;
     // 判断是否是第一次授权，非第一次授权且授权失败则进行提醒
     wx.getSetting({
@@ -544,7 +514,7 @@ Page({
               cancelColor: '#296fd0',
               confirmColor: '#296fd0',
               confirmText: '设置权限',
-              success: function (res) {
+              success: function(res) {
                 if (res.confirm) {
                   console.log('用户点击确定')
                   wx.openSetting({
@@ -566,7 +536,7 @@ Page({
       }
     });
   },
-  agreeGetUser: function (e) {
+  agreeGetUser: function(e) {
     var userInfo = e.detail.userInfo;
     var self = this;
     if (userInfo) {
@@ -575,7 +545,7 @@ Page({
         userInfo: userInfo
       })
     }
-    setTimeout(function () {
+    setTimeout(function() {
       self.setData({
         isLoginPopup: false
       })
@@ -592,14 +562,14 @@ Page({
       isLoginPopup: true
     });
   },
-  confirm: function () {
+  confirm: function() {
     this.setData({
       'dialog.hidden': true,
       'dialog.title': '',
       'dialog.content': ''
     })
   },
-  getUsreInfo: function () {
+  getUsreInfo: function() {
     var self = this;
     var wxLogin = wxApi.wxLogin();
     var jscode = '';
@@ -608,43 +578,43 @@ Page({
       var wxGetUserInfo = wxApi.wxGetUserInfo()
       return wxGetUserInfo()
     }).
-      //获取用户信息
-      then(response => {
-        console.log(response.userInfo);
-        console.log("成功获取用户信息(公开信息)");
-        app.globalData.userInfo = response.userInfo;
-        app.globalData.isGetUserInfo = true;
-        self.setData({
-          userInfo: response.userInfo
-        });
+    //获取用户信息
+    then(response => {
+      console.log(response.userInfo);
+      console.log("成功获取用户信息(公开信息)");
+      app.globalData.userInfo = response.userInfo;
+      app.globalData.isGetUserInfo = true;
+      self.setData({
+        userInfo: response.userInfo
+      });
 
-        var url = Api.getOpenidUrl();
-        var data = {
-          js_code: jscode,
-          encryptedData: response.encryptedData,
-          iv: response.iv,
-          avatarUrl: response.userInfo.avatarUrl
+      var url = Api.getOpenidUrl();
+      var data = {
+        js_code: jscode,
+        encryptedData: response.encryptedData,
+        iv: response.iv,
+        avatarUrl: response.userInfo.avatarUrl
+      }
+      var postOpenidRequest = wxRequest.postRequest(url, data);
+      //获取openid
+      postOpenidRequest.then(response => {
+        if (response.data.status == '200') {
+          //console.log(response.data.openid)
+          console.log("openid 获取成功");
+          app.globalData.openid = response.data.openid;
+          app.globalData.isGetOpenid = true;
+        } else {
+          console.log(response.data.message);
         }
-        var postOpenidRequest = wxRequest.postRequest(url, data);
-        //获取openid
-        postOpenidRequest.then(response => {
-          if (response.data.status == '200') {
-            //console.log(response.data.openid)
-            console.log("openid 获取成功");
-            app.globalData.openid = response.data.openid;
-            app.globalData.isGetOpenid = true;
-          } else {
-            console.log(response.data.message);
-          }
-        })
-      }).catch(function (error) {
-        console.log('error: ' + error.errMsg);
-        self.userAuthorization();
       })
+    }).catch(function(error) {
+      console.log('error: ' + error.errMsg);
+      self.userAuthorization();
+    })
   },
 
   //设置首页咨询按钮点击事件：当用户点击咨询按钮时，自动推送一条消息给管理员
-  notifyAdmin: function () {
+  notifyAdmin: function() {
     console.log(' 用户咨询，开始通知管理员。');
     wx.request({
       url: 'https://cloud.safedog.cc/vpush/functions/PUSH_API',

pages/index/index.wxml

@@ -30,12 +30,14 @@
   <swiper class="index-swiper" indicator-dots="" interval="10000" autoplay="true" indicator-color="rgba(255, 255, 255, .2)" indicator-active-color="rgba(255, 255, 255, .7)" previous-margin="30rpx" next-margin="50rpx" circular="true" bindchange="handleChange">
     <block wx:key="id" wx:for="{{postsShowSwiperList}}">
       <swiper-item id="{{item.id}}" index="{{index}}" data-redicttype="{{item.type}}" data-appid="{{item.appid}}" data-url="{{item.url}}" bindtap="redictAppDetail" style="">
-        
-        <view wx:if="{{item.post_thumbnail_image}}"><!-- 默认调取文章内容的特色图片 -->
-        <image class="itemImg {{currentIndex == index ? 'active': ''}}" mode="aspectFill" src="{{item.post_thumbnail_image}}" style="width:96%;margin:0 24rpx;border-radius:8rpx" />
+
+        <view wx:if="{{item.post_thumbnail_image}}">
+          <!-- 默认调取文章内容的特色图片 -->
+          <image class="itemImg {{currentIndex == index ? 'active': ''}}" mode="aspectFill" src="{{item.post_thumbnail_image}}" style="width:96%;margin:0 24rpx;border-radius:8rpx" />
         </view>
-        <view wx:else><!-- 如果没有特色图片时，这里调取文章内容里面的第一张图像 -->
-        <image class="itemImg {{currentIndex == index ? 'active': ''}}" mode="aspectFill" src="{{item.content_first_image}}" style="width:96%;margin:0 24rpx;border-radius:8rpx" />
+        <view wx:else>
+          <!-- 如果没有特色图片时，这里调取文章内容里面的第一张图像 -->
+          <image class="itemImg {{currentIndex == index ? 'active': ''}}" mode="aspectFill" src="{{item.content_first_image}}" style="width:96%;margin:0 24rpx;border-radius:8rpx" />
         </view>
 
       </swiper-item>
@@ -95,18 +97,20 @@
           </view>
         </navigator>
       </view>
-      <!-- 绑定同<vpush-view>一公众号关联的其他小程序 end -->
+      <!-- 绑定同一公众号关联的其他小程序 end -->
+
+      <!-- 绑定吐槽社区功能 -->
       <view class="top-item" style='width:10%; position: relative; float:left; text-align:center'>
-        <view>
-          <image src="../../images/kefu.svg"></image>
-        </view>
-        <view>
-          <vpush-view>
-            <text>咨询</text>
-          </vpush-view>
-        </view>
-        <button class="share-button" open-type="contact" bindtap="notifyAdmin">
-        </button>
+        <navigator target="miniProgram" open-type="navigate" app-id="{{ appId }}" extra-data="{{ extraData }}" hover-class="none" version="release">
+          <view>
+            <image src="../../images/kefu.svg"></image>
+          </view>
+          <view>
+            <vpush-view>
+              <text>吐槽</text>
+            </vpush-view>
+          </view>
+        </navigator>
       </view>
     </view>
     <!-- 图标导航 end -->
@@ -124,12 +128,12 @@
     </view>
 
     <view class="cms-cont mstTwoPicsPerRow">
-      <block wx:key="id" wx:for="{{postsList1}}">
+      <block wx:key="id" wx:for="{{recommendPostsList}}">
         <view class="mstTwoPicsPerRow-item" index="{{index}}" id="{{item.id}}" bindtap="redictDetail">
           <image class="mstTwoPicsPerRow-img" mode="aspectFill" src="{{item.post_thumbnail_image}}"></image>
           <!--view class="bg-shadow"></view-->
           <view class="img-text">
-            <!--text class="img-text-large">{{item.title.rendered}}</text-->
+            <!--text class="img-text-large">{{item.title.rendered}} </text-->
             <text class="img-text-small">{{item.pageviews}} 位网友推荐</text>
           </view>
         </view>
@@ -147,7 +151,7 @@
       </view>
     </view>
     <scroll-view scroll-x="true" scroll-with-animation="true" style="display:flex;white-space:nowrap;padding:4rpx 0 24rpx;">
-      <view class="cms-cont" wx:key="id" wx:for="{{postsList3}}" style='width:93%'>
+      <view class="cms-cont" wx:key="id" wx:for="{{selectionPostsList}}" style='width:93%'>
         <view index="{{index}}" id="{{item.id}}" bindtap="redictDetail">
             <image class="mstOnePic-img" mode="aspectFill" src="{{item.post_thumbnail_image}}"></image>
           <text class="new_icon">广告</text>

pages/index/index.wxss

@@ -8,6 +8,7 @@
  * Copyright (c) 2017 https://www.yeehee.cn All rights reserved.
  *
  */
+ 
 .scroll-view {
   width: 100%;
   white-space: normal;

pages/usercenter/usercenter.wxml

@@ -21,7 +21,7 @@
   </view>
 
   <template is="login-popup" data="{{show: isLoginPopup, userInfo: userInfo}}"></template>
-  
+
   <zan-panel title="" style="width:100vw;border-top:20rpx solid #eee;">
     <zan-cell-group>
       <zan-cell title="热门排行" is-link url="../hot/hot"></zan-cell>

utils/api.js

@@ -287,9 +287,12 @@ module.exports = {
     return url;
   },
   //获取随机文章
-  getRandomPosts() {
+  getPostsByRandom() {
+    //var url = 'https://' + domain + "/wp-json/watch-life-net/v1/post/random";
+    //return url;
+
     var url = HOST_URI_WATCH_LIFE_JSON;
-    url += "post/random";
+    url += 'post/random';
     return url;
   }
 };

utils/config.js

@@ -38,9 +38,9 @@ var DOWNLOADFILEDOMAIN = [
  //         'appid' 当redirecttype为miniapp时，这个值为其他微信小程序的appid，如果redirecttype为apppage，webpage时，这个值设置为空。
  //         'extraData'当redirecttype为miniapp时，这个值为提交到其他微信小程序的参数，如果redirecttype为apppage，webpage时，这个值设置为空。
 var INDEXNAV = [
-  { id: '1', name: '热门教程', image: '../../images/qddesign.svg', url: '../list/list?categoryID=4', redirecttype: 'apppage', appid: '', extraData:'' },
+  { id: '1', name: '教程', image: '../../images/qddesign.svg', url: '../list/list?categoryID=4', redirecttype: 'apppage', appid: '', extraData:'' },
   { id: '2', name: '随笔', image: '../../images/sbnote.svg', url: '../list/list?categoryID=1', redirecttype: 'apppage', appid: '', extraData:''},   
-  { id: '3', name: '排行榜', image: '../../images/ranking.svg', url: '../hot/hot', redirecttype: 'apppage', appid: '', extraData: '' },
+  { id: '3', name: '排行', image: '../../images/ranking.svg', url: '../hot/hot', redirecttype: 'apppage', appid: '', extraData: '' },
    ]
 
 export default {