微信小程序之WXML特性和WXSS特性

WXML特性之数据绑定

数据绑定

微信小程序之WXML特性和WXSS特性

数据绑定属性

微信小程序之WXML特性和WXSS特性

运算符绑定

微信小程序之WXML特性和WXSS特性

通用属性

微信小程序之WXML特性和WXSS特性

WXML特性之列表渲染

微信小程序之WXML特性和WXSS特性
block不是组件,只是一个包装元素,不会在界面渲染出来。

WXML特性之条件渲染

微信小程序之WXML特性和WXSS特性
wx:if : 渲染时会销毁不符合条件的元素,就是不会渲染。频繁切换时会增大消耗。
hidden : 初始化时会全部渲染,但是不显示出来,初始化时会增大消耗,在频繁切换时建议使用。

WXML特性之模板及引用

微信小程序之WXML特性和WXSS特性

文件引用–import

只引用《template》标签内的内容
微信小程序之WXML特性和WXSS特性
import作用域:只能引用当前的模版。如果这个模板引用了其他模板,则其他的模板不会生效

微信小程序之WXML特性和WXSS特性

文件引用–include

引用除模板(template标签)外的所有代码块
微信小程序之WXML特性和WXSS特性

WXSS特性之样式

@import 引用外联样式
wxss渲染时从上到下,从左到右,后面的会覆盖前面的。内联样式会覆盖外联样式
微信小程序之WXML特性和WXSS特性

WXSS特性之选择器

微信小程序之WXML特性和WXSS特性
优先级:由下到上优先级依次增大
微信小程序之WXML特性和WXSS特性