Initial Commit

pages/index/welfareImg/welfareImg.js

@@ -0,0 +1,156 @@
+const WxParse = require('../../../wxParse/wxParse.js');
+const app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    bgImg: app.globalData.bgImg,
+    goods: [],
+    page: 1
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    wx.showLoading({
+      title: '加载中',
+    })
+    wx.request({
+      url: app.globalData.ip + '/wisdommining/api/banner/getDistribution',
+      method: 'GET',
+      header: {
+        "content-type": "application/x-www-form-urlencoded",
+      },
+      data: {},
+      success: res => {
+        console.log(res)
+        wx.hideLoading()
+        if (res.data.code == 1) {
+          WxParse.wxParse('article', 'html', res.data.value.welfarePhoto, this, 20);
+        } else {
+          wx.showModal({
+            title: '获取数据失败!',
+            content: res.data.message,
+            showCancel: false,
+          })
+        }
+      }
+    })
+    this.goodsList()
+  },
+
+  goodsList(e) {
+    wx.showLoading({
+      title: '加载中',
+    })
+    wx.request({
+      url: app.globalData.ip + '/wisdommining/api/goods/getProfitsGoods',
+      method: 'GET',
+      header: {
+        "content-type": "application/x-www-form-urlencoded",
+      },
+      data: {
+        userId: app.globalData.userId,
+        page: this.data.page,
+        num: 10,
+      },
+      success: res => {
+        console.log(res)
+        wx.hideLoading()
+        if (res.data.code == 1) {
+          let data = res.data.value.records
+          if (data != null && data.length > 0) {
+            let goods = this.data.goods;
+            console.log(goods)
+            for (let i = 0; i < data.length; i++) {
+              goods.push(data[i]);
+            }
+            this.setData({
+              goods: goods,
+              page: this.data.page + 1,
+            })
+          } else {
+            if (this.data.page > 1) {
+              wx.showToast({
+                title: '暂无更多~',
+                icon: 'none',
+                duration: 1000,
+              })
+            }
+          }
+        } else {
+          wx.showModal({
+            title: '获取数据失败!',
+            content: res.data.message,
+            showCancel: false,
+          })
+        }
+      }
+    })
+  },
+
+  //商品详情
+  goodsDetails(e) {
+    let id = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: '/pages/goodsDetails/goodsDetails?goodsId=' + id,
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+  * 用户点击右上角分享
+  */
+  onShareAppMessage: function (e) {
+    app.share();
+    console.log(e)
+    return {
+      path: '/pages/index/index?pId=' + app.globalData.userId,
+      title: '三品慧采小程序等你来~'
+    }
+  },
+})

pages/index/welfareImg/welfareImg.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "分销中心"
+}

pages/index/welfareImg/welfareImg.wxml

@@ -0,0 +1,20 @@
+<import src="../../../wxParse/wxParse.wxml" />
+<view class="cont">
+  <template is="wxParse" data="{{wxParseData:article.nodes}}"/>  
+</view>
+<view class="btn">
+  <image src="/icon/fx_icon.png"></image>
+  <button plain="true" open-type="share"> </button>
+</view>
+
+<view class="title">
+  <image src="/icon/fx_title.png"></image>
+</view>
+
+<view class="goods_all">
+  <view class="goods" wx:for="{{goods}}" catchtap="goodsDetails" data-id='{{item.id}}'>
+    <image src="{{item.goodsPhoto}}"></image>
+    <view class="name GStitleTwo">{{item.goodsName}}</view>
+    <view class="ljgm">立即购买</view>
+  </view>
+</view>

pages/index/welfareImg/welfareImg.wxss

@@ -0,0 +1,90 @@
+@import "../../../wxParse/wxParse.wxss"; 
+.cont{
+  width:750rpx;
+}
+.cont image{
+  width: 100% !important;
+}
+
+.btn{
+  width:167rpx;
+	height: 184rpx;
+  position: fixed;
+  right:0rpx;
+  bottom:300rpx;
+}
+.btn image{
+  width: 100%;
+  height: 100%;
+}
+.btn button{
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  left:0;
+  top: 0;
+  z-index: 10;
+}
+
+page{
+  background-color: #fcad37;
+}
+.title{
+  width: 750rpx;
+  height: 290rpx;
+}
+.title image{
+  width: 750rpx;
+  height: 290rpx;
+}
+
+.goods_all{
+  width: 690rpx;
+  margin: -100rpx auto 150rpx;
+}
+.goods_all::after{
+  content: '';
+  display: block;
+  clear: both;
+}
+.goods{
+  float: left;
+  width: 330rpx;
+	background-color: #ffffff;
+	box-shadow: 0px 7rpx 35rpx 0px 
+		rgba(173, 87, 60, 0.51);
+  border-radius: 10rpx;
+  margin-right: 30rpx;
+  margin-bottom: 30rpx;
+}
+.goods:nth-child(2n){
+  margin-right: 0;
+}
+.goods image{
+  width: 330rpx;
+	height: 330rpx;
+	border-radius: 10rpx 10rpx 0px 0px;
+}
+.name{
+  width: 300rpx;
+  margin: 0 auto;
+  font-size: 32rpx;
+  color: #333333;
+  border-bottom: 1rpx #e5e5e5 solid;
+  /* line-height: 90rpx; */
+  text-align: center;
+}
+.ljgm{
+  width: 220rpx;
+	height: 56rpx;
+	line-height: 56rpx;
+	background-color: #fea712;
+  border-radius: 28rpx;
+  margin:18rpx auto;
+  font-size: 32rpx;
+  color: #ffffff;
+  text-align: center;
+}