模板与属性绑定

WXML 使用读取 data，支持简单表达式。模板只负责展示与轻量条件，不承载复杂业务计算。

xml

<image src="{{user.avatarUrl}}" mode="aspectFill" />
<view class="card {{selected ? 'card--selected' : ''}}">{{user.name}}</view>
<view style="color: {{themeColor}}">内容</view>

规则

属性值可以混合静态文本与绑定值；对象属性使用点路径。
WXML 中的表达式只写简单计算，复杂转换在 JS 中预先生成展示数据。
data-* 用于向事件传递稳定、小型标识，例如 data-id="{{item.id}}"。
wx:for、wx:if 等指令的值使用；普通字符串属性不需要额外包裹。

WXSS 支持 rpx 适配单位：屏幕宽度固定按 750rpx 换算。尺寸仍应基于布局语义设计，不要把所有像素值机械转换成 rpx。