请选择 进入手机版|继续访问电脑版
设为首页收藏本站
返回列表 发新帖

微信小程序-爱拼宝宝demo下载,比较全面的demo,非常值得借鉴!

  [复制链接]
  • TA的每日心情
    开心
    2016-9-24 20:42
  • 签到天数: 1 天

    [LV.1]初来乍到

    16

    主题

    22

    帖子

    272

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    272
    发表于 2016-11-25 09:37:46  | 显示全部楼层 | 阅读模式
    爱拼宝宝的界面还是很全面的。标准的电商首页,而且内容也很丰富,详情,参团评论等。
    要下载的同学下载链接在最底部,先上图片和部分代码示例:
    QQ截图20161125092936.png

    爱拼宝宝微信小程序部分代码示例:
    1. var Util = require("../../util/util");

    2. Page({
    3.     data: {
    4.         
    5.         hidden: true,           // loading动画是否显示
    6.         tipShow: false,         // 判断是否还有更多数据
    7.         page: 0,                // 当前分页
    8.         nextPage: "",           // 分页信息
    9.         us: "",                 // 用户分享的ID,之前为了做分享统计什么的,现在没卵用
    10.         lists: []
    11.     },
    12.     onReady: function () {
    13.         wx.setNavigationBarTitle({
    14.             title: '正在热拼'
    15.         })
    16.     },
    17.     onLoad: function(e) {
    18.         var listArr = [],
    19.             self = this,
    20.             page = self.data.page,
    21.             nextPage = self.data.nextPage,
    22.             us = self.data.us;
    23.         
    24.         // 显示加载动画;
    25.         self.setData({
    26.              hidden: false,
    27.         });

    28.         // 发送请求
    29.         wx.request({
    30.             url: "http://service.ipinbb.com:8080/dispatcherService/getAttendGroupList",
    31.             data: {
    32.                 page: page,
    33.                 nextPage: nextPage,
    34.                 us: us
    35.             },
    36.             header: {
    37.                 'Content-Type': 'application/json'
    38.             },
    39.             success: function(res){

    40.                var nextPage = res.data.nextPage;  

    41.                 // 关闭加载动画并将请求回来的数据添加到data中
    42.                 self.setData({
    43.                     hidden: true,
    44.                     page: page + 1,
    45.                     nextPage: nextPage,
    46.                     lists: self.dataRead(res.data.lst)
    47.                 })
    48.                 // console.log(nextPage);
    49.                 // console.log(typeof nextPage);
    50.                 // console.log(self.data.lists);

    51.                 var listData = self.data.lists;

    52.                 listData.forEach(function(item, i) {

    53.                     var time = item.groupEndTime;
    54.                     self.countDown(listData, time, i);
    55.                 });
    56.             },
    57.             file: function(e){
    58.                 console.log("网络错误!!");
    59.             }
    60.         });
    61.     },

    62.     // 上拉加载跟多数据
    63.     loadList: function(e) {
    64.         var listArr = [],
    65.             self = this;

    66.         // 判断是否存在更多数据
    67.         if(!self.tipShow) {
    68.             // 显示加载动画;
    69.             self.setData({
    70.                 hidden: false,
    71.             });

    72.             var page = Number(self.data.page);
    73.             // console.log(typeof self.data.nextPage);
    74.             self.data.nextPage.nextPage = page + 1;
    75.             console.log(self.data.nextPage);

    76.             
    77.             // 发送请求
    78.             wx.request({
    79.                 url: "http://service.ipinbb.com:8080/dispatcherService/getAttendGroupList",
    80.                 data: {
    81.                     page: page,
    82.                     nextPage: self.data.nextPage,
    83.                     us: self.data.us
    84.                 },
    85.                 header: {
    86.                     'Content-Type': 'application/json'
    87.                 },
    88.                 success: function(res){

    89.                     
    90.                     var nextPage = res.data.nextPage;

    91.                     if(res.data != null) {
    92.                         // 将请求回来的数据添加到data中
    93.                         self.setData({
    94.                             hidden: true,
    95.                             page: page + 1,
    96.                             nextPage: nextPage,
    97.                             lists: self.data.lists.concat(self.dataRead(res.data.lst))
    98.                         })
    99.                     } else {
    100.                         self.setData({
    101.                             hidden: true,
    102.                             tipShow: true
    103.                         });
    104.                     }
    105.                 },
    106.                 file: function(e){
    107.                     console.log("网络错误!!");
    108.                 }
    109.             });
    110.         }
    111.     },

    112.     // 对数据进行提取
    113.     dataRead: function(data) {
    114.         // 用于存放提取后的数据
    115.         var dataArr = [];

    116.         data.forEach(function(item) {
    117.             // 用于存放单条团数据
    118.             var groupData = {};

    119.             groupData.groupId = item.groupId;
    120.             groupData.goodsImg = item.goodsImg;
    121.             groupData.goodsTitle = item.goodsTitle;
    122.             groupData.groupSize = item.groupSize;
    123.             groupData.groupPrice = item.groupViewPrice;
    124.             groupData.lessNum = item.lessNum;
    125.             groupData.groupEndTime = (item.restTime)/1000;
    126.             groupData.displayTime = "";
    127.             groupData.userLst = item.userLst;

    128.             dataArr.push(groupData);
    129.         });

    130.         return dataArr;
    131.     },

    132.     // 倒计时方法
    133.     countDown: function(listData, time, i) {

    134.         var self = this, interval = "cleartime" + i;
    135.         
    136.         if(time != 0) {

    137.             interval = setInterval(function(){
    138.                 listData[i].groupEndTime = time - 1;
    139.                 listData[i].displayTime = Util.formatTime(listData[i].groupEndTime);

    140.                 self.setData({
    141.                     lists: listData
    142.                 })
    143.                 // console.log(i);
    144.                
    145.                 if(time <= 0) {
    146.                     clearInterval(interval);
    147.                 }

    148.             }, 1000)
    149.         }
    150.     },
    151. })
    复制代码
    下载附件地址:
    游客,如果您要查看本帖隐藏内容请回复


    回复

    使用道具 举报

  • TA的每日心情
    难过
    2016-11-25 10:14
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    7

    主题

    16

    帖子

    135

    积分

    注册会员

    Rank: 2

    积分
    135
    发表于 2016-11-25 10:13:31  | 显示全部楼层
    这个看起来非常不多,下载看看的,谢谢
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    2016-11-25 10:14
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    7

    主题

    16

    帖子

    135

    积分

    注册会员

    Rank: 2

    积分
    135
    发表于 2016-11-25 10:14:10  | 显示全部楼层
    so cool !
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2016-11-21 10:50
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    10

    帖子

    44

    积分

    新手上路

    Rank: 1

    积分
    44
    发表于 2016-11-25 10:39:45  | 显示全部楼层
    谢谢分享,非常感谢
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    8

    积分

    新手上路

    Rank: 1

    积分
    8
    发表于 2016-11-25 10:43:08  | 显示全部楼层
    挺好的 不错
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    4

    帖子

    12

    积分

    新手上路

    Rank: 1

    积分
    12
    发表于 2016-11-25 10:57:58  | 显示全部楼层
    砍砍砍砍砍
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2016-11-21 10:50
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    10

    帖子

    44

    积分

    新手上路

    Rank: 1

    积分
    44
    发表于 2016-11-25 11:06:29  | 显示全部楼层
    非常厉害,非常cool,谢谢分享!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    4

    积分

    新手上路

    Rank: 1

    积分
    4
    发表于 2016-11-25 11:07:14  | 显示全部楼层
    膜拜学习,so cool
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    4

    积分

    新手上路

    Rank: 1

    积分
    4
    发表于 2016-11-25 11:14:39  | 显示全部楼层
    走一走 看一看
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2016-11-25 11:09
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    2

    帖子

    19

    积分

    新手上路

    Rank: 1

    积分
    19
    发表于 2016-11-25 11:15:01  | 显示全部楼层
    不错 学习学习
    回复 支持 反对

    使用道具 举报

    发表回复

    *滑动验证:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关于我们
    关于我们
    友情链接
    联系我们
    帮助中心
    网友中心
    微信小程序开发
    微信小程序定制开发
    服务支持
    资源下载
    售后服务
    定制流程
    关注我们
    官方微博
    官方空间
    官方微信
    快速回复 返回顶部 返回列表