WXML模板

276 阅读1分钟

WXML模板

1.什么是WXML

WXML(eiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的HTML。

2.WXML和HTML的区别

1.标签名称不同

  • HTML (div,span,img,a)
  • WXML (view,text,image,navigator)

2.属性节点不同

<a href:="#">超链接</a>
<navigator url="/pages/home/home"></navigator>

3.提供了类似于Vue中的模板语法

数据绑定
列表渲染
条件渲染

WXSS

什么是WXSS

WXSS(WeiXin Style Sheets)是一套样式语言,用于描述WXML的组件样式,类似于网页开发中的CSS。

WXSS和CSS的区别

1.新增了rpx尺寸单位

CSS中需要手动进行像素单位换算,例如rem
WXSS在底层支持新的尺寸单位rpx,在不同大小的屏幕上小程序会自动进行换算

2.提供了全局的样式和局部样式

项目根目录中的app.Wxss会作用于所有小程序页面
局部页面的.WXSs样式仅对当前页面生效

3.WXSS仅支持部分CSS选择器

.classid
element
并集选择器、后代选择器
:after和:before等伪类选择器

da