微信小程序3缓存与循环

swiper组件的常用属性

属性     类型默认值 说明

indicator-dots     boolean false 是否显示面板指示点

indicator-color    color rgba(0,0,0,.3) 指示点颜色

indicator-active-color   color #O000oo 当前选中的指示点颜色

autoplay     boolean false 是否自动切换

interval      number 5000    自动切换时间间隔

circular     boolean false    是否采用衔接滑动`

二、按钮

通过type属性指定按钮颜色类型

<button>普通按钮</button>

<button type="primary">主色调按钮</button>

<button type="warn">警告按钮</button>

size="mini" 小尺寸按钮同一行

<button size="mini">普通按钮</button>

<button type="primary" size="mini">主色调按钮</button>

<button type="warn" size="mini">警告按钮</button>

plain 镂空按钮

<button plain>普通按钮</button>

<button type="primary" plain>主色调按钮</button>

<button type="warn" plain>警告按钮</button>

  data: {

    inputVal : '',

    storageVal:''

  },

  bindkeyInput: function (e) {

    let {detail: { value }  } = e

    this.setData({

      inputVal: value

    })

  },

  cun:function(){

    let arr=['name','age','sex']

    let i =Math.floor(Math.random()*(2-0+1)+0)

    /* 异步取缓存的值必须在回调函数里面取 同的直接=即可 */

    wx.setStorage({

      key:'myname',

      data:'我是小超人',

      success:function(){

        console.log('我成功了')

      }

    })

    /* 同步的存起来 */

    /* 相同的key会把值覆盖 */

    /* wx.setStorageSync('username', this.data.inputVal) */

    wx.setStorageSync(arr[i],this.data.inputVal)

  },

  qu:function(){

    this.setData({

      /* 同步的取缓存的值 */

      /* 浏览器中的缓存存进去的都是字符串，小程序里的缓存可以存字符串，数组和对象 */

      /* undefined存进去是字符串 null存进去是null类型 Symbol存进去是Symbol类型 */

      /* storageVal:wx.getStorageSync('username') */

       storageVal:wx.getStorageSync('sex')

    })

  },

  delSex:function(){

    /* 同步删除指定的某一个缓存 */

    wx.removeStorageSync('sex')

  },

  delAll:function(){

    wx.clearStorageSync()

  },

小程序的wxs功能可以让wsmxl可以调用和编写js,基本上wxs和JS无关系,只是语法形式很相似。

如下写了两个关于时间的函数，并将它们导出，

<wxs module="m1">

var getMax = function(flightDate) {

    var now = getDate().getDate()

    var flDate = getDate(flightDate).getDate()

    if( now <flDate ){

      return '+1'

    }else{

      return ''

    }

}

var formartTime = function(flightDate,format){

  if(flightDate){

    var realDate = getDate(flightDate)

    function timeFormat(num) {

      return num <10 ? '0' + num : num

    }

    var date = {

      "Y": timeFormat(realDate.getFullYear()),

      "M": timeFormat(realDate.getMonth() + 1),

      "d": timeFormat(realDate.getDate()),

      "h": timeFormat(realDate.getHours()),

      "m": timeFormat(realDate.getMinutes()),

      "s": timeFormat(realDate.getSeconds()),

      "q": Math.floor((realDate.getMonth() + 3) / 3),

      "S": realDate.getMilliseconds(),

    }

    if (!format) {

      format = "yyyy-MM-dd hh:mm:ss"

    }

    if( format == 'hh:mm' ){

        return date.h+':'+date.m

    }else{

        return date.h+':'+date.m

    }

  }else{

    return false

  }

}

module.exports.getMax = getMax

module.exports.formartTime = formartTime

</wxs>

可在页面添加如下使用：

m1.formartTime(）  m1.getMax(）

---