政务公开和网站建设工作问题,网站建设套模版,不准别人网站做反链,wordpress 在线报名系统1、小程序中组件的分类
小程序中的组件也是由宿主环境提供的#xff0c;开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了9大类#xff0c;分别是#xff1a;
* 视图容器#xff0c;* 基础内容#xff0c;* 表单组件#xff0c;* 导航组件
媒体…1、小程序中组件的分类
小程序中的组件也是由宿主环境提供的开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了9大类分别是
* 视图容器* 基础内容* 表单组件* 导航组件
媒体组件map地图组件canvas画布组件开放能力无障碍访问
2、常用的视图容器类组件
1、view
普通视图区域
类似于HTML中的div是一个块级元素
常用来实现页面的布局效果
2、scroll-view
可滚动的视图区域
常用来实现滚动列表效果
* 给组件添加scroll-y表示可以在纵向上滑动需要加一个固定的高度
3、swiper和swiper-item
轮播图容器组件 和 轮播图item组件
* swiper组件的常用属性
属性类型默认值说明indicator-dotsbooleanfalse是否显示面板指示点indicator-colorcolorrgba(0,0,0,.3)指示点颜色indicator-active-colorcolor#000000当前选中的指示点颜色autoplaybooleanfalse是否自动切换intervalnumber5000自动切换时间间隔circularbooleanfalse是否采用衔接滑动
3、常用的基础内容组件
1、text
文本组件
类似于HTML中的span标签是一个行内元素
通过text组件的selectable属性实现长按选中文本内容的效果
2、rich-text
通过rich-text组件的nodes属性节点把HTML字符串渲染为对应的UI结构
即可以识别文本中的标签
4、其他常用组件
1、button
按钮组件
功能比HTML中的button按钮丰富
通过open-type属性可以调用微信提供的各种功能客服、转发、获取用户授权、获取用户信息等
typeprimary 主色调按钮
typewarn 警告按钮
sizemini 小尺寸按钮
加上plain为镂空按钮
2、image
图片组件
image组件默认宽度约为300px、高度约为240px
image组件的mode属性用来指定图片的裁剪和缩放功能常用的mode属性值如下
mode值说明scaleToFill默认值缩放模式不保持纵横比缩放图片使图片的宽高完全拉伸至填满image元素aspectFit缩放模式保持纵横比缩放图片使图片的长边能完全显示出来也就是说可以完整地将图片显示出来aspectFill缩放模式保持纵横比缩放图片只保证图片的短边能完全显示出来。也就是说图片通常只在水平或垂直方向是完整的另一个方向将会发生截取widthFix缩放模式宽度不变高度自动变化保持原图宽高比不变heightFix缩放模式高度不变宽度自动变化保持原图宽高比不变
3、navigator
页面导航组件
类似于HTML中的a链接
5、小程序的宿主环境-API
概述小程序中的API是由宿主环境提供的通过这些丰富的小程序API开发者可以方便的调用微信提供的能力例如获取用户信息、本地存储、支付功能等
分类
1、事件监听API
特点以on开头用来监听某些事件的触发
举例wx.onWindowResize(function callback)监听窗口尺寸变化的事件
2、同步API
特点1以Sync结尾的API都是同步API
特点2同步API的执行结果可以通过函数返回值直接获取如果执行出错会抛出异常
举例wx.setStorageSync(key,value)向本地存储中写入内容
3、异步API
特点类似于JQuery中的$.ajax(options)函数需要通过success、fail、complete接收调用的结果
举例wx.request()发起网络数据请求通过success回调函数接收数据