微信小程序 视图层（wxml，wxss）

丰富的组件：https://developers.weixin.qq.com/miniprogram/dev/component/

全局样式：app.wxss

页面+页面样式：page.wxml +page.wxss

视图层将逻辑层的数据反映成视图，同时将视图层的事件发送给逻辑层。

　　框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。

　　什么是组件：（所有组件与属性都是小写，以连字符-连接）

• 组件是视图层的基本组成单元。
• 组件自带一些功能与微信风格的样式。

• 一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。

　　属性类型：Boolean、Number、String、Array、Object、EventHandler

　　共同属性类型：id、class、style、hidden、data-*、bind* / catch*

 　　组件分类：视图容器、基础内容、表单组件、导航、媒体组件、地图、画布等。

 　　　　视图容器：

　　　　　　view：视图容器

　　　　　　scroll-view：可滚动视图容器

　　　　　　swiper：滑块视图容器

　　　　基础内容：

　　　　　　icon： 图标

　　　　　　text：文字

　　　　　　progress：进度条

　　　　表单组件：

　　　　　　button：按钮

　　　　　　form：表单

　　　　　　input：输入框

　　　　　　checkbox：多项选择器

　　　　　　radio：单项选择器

　　　　　　picker：列表选择器

　　　　　　picker-view：内嵌列表选择器

　　　　　　slider：滚动选择器

　　　　　　switch：开关选择器

　　　　　　label：标签

　　　　导航：

　　　　　　navigator：应用链接

　　　　媒体组件：

　　　　　　audio：音频

　　　　　　image：图片

　　　　　　video：视频

　　　　地图：

　　　　　　map：地图

　　　　画布：

　　　　　　canvas：画布

转载于:https://www.cnblogs.com/zhangyajun/p/9180669.html