微信小程序开发|教程|文档|资源汇总_即速论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 6792|回复: 16

微信小程序demo:LBK:tab分页,简易列表,scroll上下左右滑动

  [复制链接]
  • TA的每日心情
    慵懒
    2017-1-6 10:46
  • 签到天数: 2 天

    [LV.1]初来乍到

    173

    主题

    181

    帖子

    981

    金钱

    咫尺尊享

    Rank: 5Rank: 5

    积分
    0
    发表于 2017-2-21 16:43:01 | 显示全部楼层 |阅读模式
    点评:实现了一些基本功能,入门者可以学习;














    [HTML] 纯文本查看 复制代码
    var order = ['red', 'yellow', 'blue', 'green', 'red']
    Page({
      data: {
        toView: 'red',
        scrollTop: 100
      },
      showAction: function () {
        wx.showActionSheet({
          itemList: ['A', 'B', 'C'],
          success: function (res) {
            console.log(res.tapIndex)
          },
          fail: function (res) {
            console.log(res.errMsg)
          }
        })
      },
      showToast: function () {
     
        wx.showToast({
          title: '加载中',
          icon: 'loading',
          duration: 10000
        })
     
        setTimeout(function () {
          wx.hideToast()
        }, 2000)
     
     
     
      },
      showDialog: function () {
        wx.showModal({
          title: '提示',
          content: '这是一个模态弹窗',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
            } else {
              console.log('用户点击了取消')
            }
          }
        })
      },
      upper: function (e) {
        console.log(e)
      },
      lower: function (e) {
        console.log(e)
      },
      scroll: function (e) {
        console.log(e)
      },
      tap: function (e) {
        for (var i = 0; i < order.length; ++i) {
          if (order[i] === this.data.toView) {
            this.setData({
              toView: order[i + 1]
            })
            break
          }
        }
      },
      tapMove: function (e) {
        this.setData({
          scrollTop: this.data.scrollTop + 10
        })
      },
      onPullDownRefresh: function () {
        console.log("下拉刷新");
      },
      onReachBottom: function () {
        console.log("上拉加载");
      }
    })





    [HTML] 纯文本查看 复制代码
    var order = ['red', 'yellow', 'blue', 'green', 'red']
    Page({
      data: {
        toView: 'red',
        scrollTop: 100
      },
      upper: function (e) {
        console.log(e)
      },
      lower: function (e) {
        console.log(e)
      },
      scroll: function (e) {
        console.log(e)
      },
      tap: function (e) {
        for (var i = 0; i < order.length; ++i) {
          if (order[i] === this.data.toView) {
            this.setData({
              toView: order[i + 1]
            })
            break
          }
        }
      },
      tapMove: function (e) {
        this.setData({
          scrollTop: this.data.scrollTop + 10
        })
      },
      photo: function () {
        wx.chooseImage({
          count: 9, // 默认9
          sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
          sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
          success: function (res) {
            // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
            var tempFilePaths = res.tempFilePaths
            console.log(tempFilePaths);
          }
        })
      },
      showphoto: function () {
        wx.previewImage({
          current: 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg', // 当前显示图片的http链接
          urls: ["http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg","http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg","http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg"] // 需要预览的图片http链接列表
        })
      }
    })





    游客,如果您要查看本帖隐藏内容请回复

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    回复

    使用道具 举报

    该用户从未签到

    1

    主题

    2

    帖子

    15

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-5-15 23:25:05 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    慵懒
    2017-7-10 10:44
  • 签到天数: 33 天

    [LV.5]常住居民I

    0

    主题

    62

    帖子

    825

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-5-16 09:26:15 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!

    该用户从未签到

    0

    主题

    11

    帖子

    6

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-10-29 18:26:25 | 显示全部楼层
    weraserawe

    该用户从未签到

    0

    主题

    1

    帖子

    12

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-11-1 20:46:32 | 显示全部楼层
    好东西,感谢分享

    该用户从未签到

    0

    主题

    2

    帖子

    20

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-12-1 21:05:13 | 显示全部楼层
    感谢分享
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    18

    帖子

    136

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-12-1 22:36:23 | 显示全部楼层
    dddddddddddddddddddd

    该用户从未签到

    0

    主题

    1

    帖子

    26

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-12-19 17:21:53 | 显示全部楼层
    dasdasdasd

    该用户从未签到

    0

    主题

    13

    帖子

    58

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2019-3-1 11:01:42 | 显示全部楼层
    :):):):):)

    该用户从未签到

    0

    主题

    2

    帖子

    14

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2019-5-23 18:33:54 | 显示全部楼层
    啥也不说了,感谢楼书分享哇!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略

    QQ|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1|网站地图   

    GMT+8, 2021-9-22 22:58 , Processed in 0.136949 second(s), 47 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表