微信小程序学习

Posted 雨之愿风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序学习相关的知识,希望对你有一定的参考价值。

参考文件:https://developers.weixin.qq.com/miniprogram/dev/component/

view:相当于html的div

text:相当于html的span

技术分享图片
Page({
  data: {
    imgUrls: [
      ‘http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg‘,
      ‘http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg‘,
      ‘http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg‘
    ],
    indicatorDots: false,    //是否有小黑点0
    autoplay: false,    //是否自动跳转
    interval: 5000,//自动跳转时间为5秒
    duration: 1000
  },
  changeIndicatorDots(e) {
    this.setData({
      indicatorDots: !this.data.indicatorDots
    })
  },
  changeAutoplay(e) {
    this.setData({
      autoplay: !this.data.autoplay
    })
  },
  intervalChange(e) {
    this.setData({
      interval: e.detail.value
    })
  },
  durationChange(e) {
    this.setData({
      duration: e.detail.value
    })
  }
})
css参考

 

以上是关于微信小程序学习的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序视图层WXML_模板

7-微信小程序 模板(template)

vscode 开发微信小程序环境配置

C#开发微信小程序

微信小程序json数据如何处理?

微信小程序第七天WXML语法之模板用法