微信小程序一些常用标签与HTML的对应关系

微信小程序教程 04/10 阅读 64 views次 人气 0
摘要:

WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。就像CSS一样,必须通过选择器选择WXMl的组件,然后进行美化。

参考地址:

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/


微信小程序中的常用标签:

view(视图容器)、rich-text(富文本)、swiper(滑块视图容器)、icon(图标)、text(文字)、progress(进度条)、button(按钮)、form(表单)、input(输入框)、checkbox(多项选择器)、radio(单项选择器)、picker(列表选择器)、slider(滚动选择器)、switch(开关选择器)、textarea(多行输入框)、label(标签)、navigator(应用链接)、audio(音频)、image(图片)、video(视频)、camera(系统相机)、map(地图)、scroll-view(可滚动视图容器)、picker-view(内嵌列表选择器)、canvas(画布)movable-area(可移动区域)、movable-view(可移动的视图容器)、cover-view(覆盖视图)、cover-image(覆盖图片)、functional-page-navigator(跳转到插件功能页)、live-player(实时音视频播放)、live-pusher(实时音视频录制)


微信小程序一些常用标签与HTML的对应关系:

微信小程序一些常用标签与HTML的对应关系.png


WXSS选择器:

WXSS选择器.png


WXSS选择器的用法:

需要对某个元素进行特殊标志,或它的状态会随着用户的操作发生变化时,就可以通过标签内的内敛样式来调整它的样式。

ID选择器:针对某个特定组件进行属性的设定。

类选择器:针对某一类组件进行属性的设定,适用于一类组建的定义。

标签选择器:对全局的某一组件进行属性的设定,更多用于全局范围的样式标准化,比如说,在一个新闻客户端中,所有的text组件默认情况下都是32px。

由于微信小程序底层采用调用原声组件来构建界面,WXSS不能通过原声组件来控制组件内部的样式和位置,因此WXSS不支持级联选择器。


评论

表情

分享到: