小程序中常用的组件

小程序界面wxml文件与html文件类似，也是由一系列的标签组成的，那么小程序当中常用的标签有哪些，以及有什么作用呢？

view   视图容器：

view与html中的div有些类似，可以看作是一个块级标签独占一行（自动换行），也是微信小程序里面使用频率最多的标签之一。

block  标签：

block在使用有时界面效果和view类似，但是两者还是有区别的，<view> 是一个组件，会在页面上做渲染；<block>不是一个组件，它仅仅是一个包装元素，只接受控制属性，不会在页面中做任何渲染（源码里不会显示block标签）。

text   文本：

text标签与html中的span标签类似，可以看作是一个行内标签，用text标签阔着的内容可以显示在一行，如果相对个别内容进行样式的修改可以使用text标签。

image  图片：

支持 JPG、PNG、SVG、WEBP、GIF 等格式。

与html中的img标签类似，都是用于载入图片的标签组件，src图片的路径，image组件自带了mode图片裁剪缩放模式。

navigator  页面链接：

与html中的a标签类似，用于跳转至指定界面

需要注意的是：跳转的界面不能是tabBar中的页面，否则点击无法实现跳转。

也可通过js文件进行跳转，代码如下：

 wx.navigateTo({
      url: '../logs/logs'
    })

 

登录注册界面还有常用的“表单组件”，具体详细内容可参考官网：微信小程序官方文档

以上内容纯属个人观点，欢迎指正!