小程序常见的内置组件

113 阅读1分钟

上拉和下拉的监听

监听页面的下拉刷新和上拉加载更多,需要两个步骤:步骤一:配置页面的json文件;步骤二:代码中进行监听。具体代码详见下图:

image.png

image.png

image.png

小程序常见的内置组件

小程序有很多内置组件,常见的内置组件有Text组件、Button组件、View组件、Image组件、scroll-view组件。

Text组件

Text组件用于显示文本, 类似于span标签, 是行内元素。需要了解的属性有user-select、space、decode。user-select属性决定文本内容是否可以让用户选中。space有三个取值:ensp、emsp、nbsp。decode是否解码。decode可以解析的有  < > & '    

Button组件

Button组件用于创建按钮,默认块级元素。Button组件有一个open-type属性,用于用户获取一些特殊性的权限,可以绑定一些特殊的事件。

image.png

View组件

视图组件,块级元素,独占一行,通常用作容器组件。

Image组件

Image组件用于显示图片。src可以是本地图片,也可以是网络图片。注意:image组件默认宽度320px、高度240px。Mode属性使用也非常关键,详情查看官网。

scroll-view组件

scroll-view可以实现局部滚动,实现滚动效果必须添加scroll-x或者scroll-y属性,只需要添加即可,属性值相当于为true了。垂直方向滚动必须设置scroll-view一个高度。