Initial Commit
This commit is contained in:
156
pages/index/welfareImg/welfareImg.js
Normal file
156
pages/index/welfareImg/welfareImg.js
Normal file
@ -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: '三品慧采小程序等你来~'
|
||||
}
|
||||
},
|
||||
})
|
4
pages/index/welfareImg/welfareImg.json
Normal file
4
pages/index/welfareImg/welfareImg.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "分销中心"
|
||||
}
|
20
pages/index/welfareImg/welfareImg.wxml
Normal file
20
pages/index/welfareImg/welfareImg.wxml
Normal file
@ -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>
|
90
pages/index/welfareImg/welfareImg.wxss
Normal file
90
pages/index/welfareImg/welfareImg.wxss
Normal file
@ -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;
|
||||
}
|
Reference in New Issue
Block a user