zoukankan      html  css  js  c++  java
  • 微信小程序组件开发

    ------json:

    {
    "usingComponents": {}
    }

    ----页面

    Component({
    properties: {
    like: {
    type:Boolean,
    value:false
    },
    count:{
    type:Number,
    value:0
    },
    demo:{
    type:String,
    value:'string'
    }
    },
    data:{
    yseSrc:'/images/component/like-1.png',
    noSrc: '/images/component/like.png'
    //需要开发出来的数据,封装在内部开发出来,从外部可以设置,我们称之为属性
    // like false
    // count 0
    },
    methods: {
    onLike: function () {
    let like= this.data.like
    let count= this.data.count
    count=like?count-1:count+1
    this.setData({
    count:count,
    like:!like
    })

    }
    }

    })

    ------xml

    <view bind:tap="onLike">
    <image src="{{like?yseSrc:noSrc}}"></image>
    <view>like:{{like}}</view>
    <view>count:{{count}}</view>
    </view>

  • 相关阅读:
    HTML5
    带参数
    类的无参方法
    类和对象
    Java新帮派——数组
    神竜出击 合三为一!
    校园欺凌——四位学生的乱伦之战!!!
    GC常见算法
    jstat
    SpringBoot2
  • 原文地址:https://www.cnblogs.com/finddata/p/9810207.html
Copyright © 2011-2022 走看看