（学习笔记）小程序开发 -- 常用的基本内容组件

text

        文本组件、类似于HTML里的span标签

rich-text

        富文本组件、支持把HTML字符串渲染为WXML结构

button

        按钮组件、通过 open-type 属性可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等）

image

        图片组件、默认的组件宽300px、高240px

navigator

        页面导航组件、类似于HTML里面的a链接

使用：

        text组件：

                通过user-select属性，就可以实现长按选中文本内容的效果。

                

        rich-text组件：

                通过nodes属性节点可以以把HTML字符串机型渲染。

                

                效果：

                  

        button组件：

                通过给 type 赋 "primary" "warn" 来改变按钮的色调；

                通过给 size 赋 "mini" 可以改变按钮的大小；

                通过使用 plain 属性可以让按钮样式变成镂空。

             

                效果：

                

        image组件：

                <image></image> 本身是一张空图片；

                  通过使用src可以指向图片的路径；        

                  在wxss样式中可以使用选择器来改变image的样式。                

                image组件的mode属性

                        mode 属性用来指定图片的 裁剪 和 缩放 模式

                        scaleToFill： 使图片填满整个iamge ，不保证宽高比（默认模式）。

                          aspectFit： 完整地展示整个图片，可能会发生留白。

                         aspectFill： 等比例放大整个图片使填满，但会使得某个方向被裁剪。

                          widthFix： 宽度不变，高度自动变化（保证宽高比不变）。

                         heightFix： 高度不变，宽度自动变化（保证宽高比不变）。

                        

                        

                        效果：