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选择器
.class和id
element
并集选择器、后代选择器
:after和:before等伪类选择器
da