用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序之图片轮播及文件上传

纸飞机 2018-3-8 09:35

作者:xixially 刚刚接触微信,看着网上的资源写了个小例子,本地图片轮播以及图片上传。图片轮播: index.jsvar app = getApp() Page({ data:{ mode: 'aspectFit', // src:'../images/tim ...

作者:xixially
刚刚接触微信,看着网上的资源写了个小例子,本地图片轮播以及图片上传。

图片轮播:
index.js

  1. var app = getApp()
  2. Page({
  3. data:{
  4. mode: 'aspectFit',
  5. // src:'../images/timg1.jpg',
  6. imgUrls:[
  7. '../images/1.jpg',
  8. '../images/2.jpg',
  9. '../images/3.jpg',
  10. '../images/4.jpg'
  11. ],
  12. indicatorDots: true, //是否出现焦点
  13. autoplay: true, //是否自动播放
  14. interval: 2000, //自动播放时间间隔
  15. duration: 1000, //滑动动画时间
  16. userInfo: {}
  17. },
  18. onLoad:function(){
  19. console.log('onLoad Test');
  20. }
  21. })

注:imgUrls中为本地图片数组。

index.wxml:

  1. indicator-dots = "{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
  2. wx:for="{{imgUrls}}">
  3. 邀请

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏