微信小程序——wepy框架下的數據綁定

代碼部分:

<view class="m-list">
      <view class="list-item" wx:if="{{show}}">
        <image class="item-video" @tap="videoDet" src="{{item.image}}">
          <image class="v-btn" src="{{item.play}}"></image>
        </image>
        <view class="item-tit"><text>{{item.message}}</text></view>
        <view class="item-info">
          <view class="info zan">
            <image src="{{item.zan.image}}"></image>
            <text>{{item.zan.number}}</text>
          </view>
        </view>
      </view>
</view>
data = {
      show: true,
      item:{
        image:'../assets/images/bg.png',
        play:'../assets/images/play.png',
        message:'你與溫柔',
        zan:{
          image:'../assets/images/zan.png',
          number:1821
        }
      }
}

效果:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章