attribute 绑定

常见示例

wxml

<image src="{{imgSrc}}" />

js

Page({
  data: {
    imgSrc: 'https://example.com/image.png',
  },
})

绑定 class 属性

wxml

<view class="{{isActive ? 'active' : 'inactive'}}">Hello</view>

js

Page({
  data: {
    isActive: true,
  },
})

绑定 style 属性

wxml

<view style="color: {{textColor}}; font-size: {{fontSize}}px;">Hello</view>

js

Page({
  data: {
    textColor: 'red',
    fontSize: 20,
  },
})