zoukankan      html  css  js  c++  java
  • 小程序组件

    小程序组件

      视图容器

        view视图容器。属性hover-class按下去的样式,hover-stop-propagation是否阻止本节点的祖先节点出现点击状态,hover-start-time按住后多久出现点击状态,hover-stay-time手指松开后多久恢复状态

        scroll-view可滚动视图区域。属性scroll-x允许横向滚动,scroll-y允许纵向滚动,upper-threshold距离顶部或左部多远距离时触发scrolltouooer方法,lower-threshold距离底部或右部多远的时候触发scrolltolower方法,scroll-top设置竖直滚动条的距离,scroll-left设置横向滚动条的位置,scroll-into-view值为某元素的id设置向那个方向滚动则哪个方向滚动到该元素,scroll-with-animation使用滚动条位置时是否使用过度动画,enable-back-to-top设置ios点击顶部安卓双击标题时回到顶部,bindscrolltoupper滚动到顶部或左部触发的事件,bindscrolltolower滚动到底部或右部触发的事件,bindscroll滚动时触发的事件

        swiper滑动视图容器。属性indicator-dots是否显示面板指示点,indicator-color指示点颜色,indicator-active-color当前选中的指示点颜色,autoplay是否自动切换,current一开始显示模块的index,current-item-id当前滑块的item-id不能喝current通知存在,interval自动切换时间间隔,duration滑块动画时长,circular是否采用衔接滑动,vertical滑动是否为纵向的,previous-margin前边距可露出前边的一小块,next-margin后边距可以露出后边的一小块,display-multiple-items同时显示的滑块数量,skip-hidden-item-layout是否跳过未显示的滑块布局,bindchange current改变的时候触发change事件,bindanimationfinish动画结束时触发的事件

        movable-view可移动区域。属性direction滑块的可移动方向,inertia滑块是否带有惯性,out-of-bounds滑块超过移动区域时候可以移动,x定义x轴的偏移量,y定义y轴的偏移量,damping阻尼系数控制xy的回弹动画值越大速度越快,frivtion摩擦系数值越大滑块越快停止,disabled是否禁用,scale是否支持双指缩放,scale-min缩放倍数的最小值,scale-max缩放倍数的最大值,scale-value缩放倍数范围,bindchange完成一次拖动后触发,bindscale完成一次缩放触发

        cover-view/cover-image覆盖在原生组件上的文本视图。可覆盖在map,video,canvas,camera上面,支持cover-view和cover-image嵌套

      基础内容

        icon图标。属性type 图标的类型,size图标的大小,color图标的颜色,

        text文本。属性selectable文本是否可选,space显示连续空格,decode是否解码

        rich-text富文本。属性nodes节点列表

        progress进度条。属性percent百分比0~100,show-info进度条右侧是否显示百分比,stroke-width进度条的宽度,color进度条的颜色,activeColor进度条颜色,backgroundColor未选择进度条的颜色,active进度条从左往右的动画,active-mode动画是从头播还是接着播

      表单组件

        button按钮。属性type按钮的样式,plain时候镂空,disabled是否禁用,loading是都显示前边的loading图标,form-type点击触发submit和reset事件,open-type微信开放能力,app-parameter打开app时想app传递的参数,hover-class按钮按下去时的样式,hover-stop-propagation是否阻止节点的父节点出现点击状态,hover-start-time按住后多久出现点击状态,hover-stay-time手指松开后多久恢复状态,bindgetuserinfo当open-type=“getUserInfo”时用户点击按钮会返回用户信息,lang返回用户信息语言,session-from回话来源,send-message-title回话内消息卡片title,send-message-path回话消息卡片点击跳转路径,send-message-img回话内消息卡片图片,show-message-card回话内消息卡片,bindcontact客服消息回调,bindgetphonenumber获取用户回调手机号,binderr错误回调

        checkbox独享选择器。bindchange<checkbox-group>中选项改变触发change事件,value值,disabled是否禁用,checked当前是否被选中,color选中的颜色

        form表单,将用户输入的<switch/><input/><checkbox/><slider/><radio/><picker/>提交。属性report-submit是否返回formId用于发送的模板消息,bindsubmit提交,bindreset表单重置

        inout输入框。属性value输入框的初始值,type输入框的类型的,password是否是密码输入类型,placeholder空时占位符,placeholder-style空时占位符的样式,placeholder-class空时占位符的class,disabled是否禁用,maxlength最大输入长度,cursor-spacing指定光标与键盘的距离,focus获取焦点,confirm-type设置键盘右下角的文字,cursor指定光标的位置,selection-start光标起始位置自动聚焦时有用配合selection-end使用,selection-end光标结束位置,adjust-position键盘弹起时是否自动上推页面,bindinput键盘输入时触发input事件,bindfocus输入框获得焦点时触发,bindblur输入框失去焦点时触发,bindconfirm点击完成按钮时触发

        lable用来改进表单的可用性。属性for绑定控件id

        packer从底部弹出滚动选择器。

          mode = selector普通选择器。属性range,range-key 作为选择器显示的内容,value选择range中的第几个(下标),bindchange value改变时触发change事件,disabled是否禁用,bindcancel取消选择或点击遮罩手气picker时触发

          mode = multiSelector多列选择器。属性range二维数组数组每项显示的数据,range-key key值作为选择器的内容,value选项的下标,bindchange value改变时触发的事件,bindcolumnchange某一列改变触发columnchange事件,bindcancel取消选择时触发,disabled是否禁用

          mode = time时间选择器。属性value表示选中的时间,start选择开始的时间,end选择结束的时间,bindchange value值改变触发的事件,bindcancel取消选择时触发,disabled是否禁用

          mode = date日期选择器。属性value表示选中的日期,start选择开始的日期,end选择结束的日期,fields表示选择的是年月日,bindchange value改变触发的事件,bindcancel取消选择时触发,disabled是否禁用

          mode = region省市区选择器。属性value选中的省市区,custom-item可为每一列添加自定义的项,bindchange value改变触发的事件,bindcancel取消选择触发的事件,disabled是否禁用

        packer-view嵌入页面滚动选择器。属性value数组中的数字依次代表选择的第几项,indicator-style选择器中间选框的样式,indicator-class选择器中间选框的类名,mask-st

     yle设置蒙版的样式,mask-class蒙版的类名,bindchange value值改变时触发的change事件

        radio单项选择器。属性bindchange<radio-group/>中包含的选项发生变化时触发change事件,value值,checked当前是否选中,disabled是否禁用,color选中radio的颜色

        slider滑动选择器。属性min最小值,max最大值,step步长必须大于0可被最大最小整除(移动一下的距离),disabled是否禁用,value当前值,color背景条的颜色,selected-color已选中的颜色,activeColor选中的颜色,backgroundColor背景颜色,block-size滑块的大小,block-color滑块的颜色,show-value是否显示当前值,bindchange完成一次拖动触发,bindchanging拖动时触发

        switch开关选择器。属性checked是否选中,type样式,bindchange checked改变触发的事件,color switch的颜色

        textraea多行输入框。value输入的内容,placeholder输入框为空时的占位符,placeholder-style占位符的样式,placeholder-class占位符的类名,disabled是否禁用,maxlength输入的最大长度,auto-focus自动聚焦拉起键盘,focus获取焦点,auto-height自动增高,fixed如果在position:fixed的区域需要设定次属性为true,cursor-spacing指定光标与键盘的距离,cursor指定focus时光标的距离,show-confirm-bar是否显示键盘上带有“完成”按钮那一栏,selected-start光标的起始位置自动聚焦时有效配个end使用,selected-end光标的结束位置自动聚焦时有效配合start使用,adjust-position键盘弹起时是否自动上推页面,bindfocus输入框聚焦时触发的事件,bindblur输入框失去焦点时触发的事件,bindlinechange输入行数变化时调用,bindinput键盘输入时触发的事件,bindconfirm点击完成触发的事件

      导航

        navigator页面链接。属性url应用内的跳转链接,open-type跳转方式,detla表示回退层数,hover-class指定点击时的样式,hover-stop-propagation是否阻止本节点的祖先节点出现点击状态,hover-start-time按住后多久出现点击状态,hover-end-time手机松开后多久恢复状态

      媒体组件

        image图片。属性src图片资源地址,mode图片剪裁缩放模式,lazy-load图片懒加载,binderror当前发生错误,bindload图片加载完毕

        video视频。属性src要播放的视频源地址,initial-time视频初始播放位置,duration指定视频时长,contraols是否显示默认控件,danmu-list弹幕列表,danmu-btn是否显示弹幕按钮,enable-danmu是否展示弹幕,autoplay是否自动播放,loop是否循环播放,muted是否静音播放,page-gesture在非全屏模式下是否开始亮度和音量调节手势,direction设置全屏视频方向,show-progress若不设置宽度大于240时会显示,show-fullscreen-btn是否显示全屏按钮,show-play-btn是否显示底部控制栏的播放按钮,show-center-play-btn是否显示视频中间的播放按钮,enable-progress-gesture是否开启手势控制进度,objectFit视频与容器大小不一致时视频的表现形式,poster视频封面图片地址,bindplay开始和继续播放触发的事件,bindpause暂停触发的事件,bindended播放到末尾触发的事件,bindtimeupdate播放进度变化时触发,bindfullscreenchange视频进入和退出全屏时触发,bindwaiting视频缓冲时触发,binderror视频出错时触发

        camera系统相机。属性device-position前置或后置摄像头,flash闪光灯,bindstop摄像头非正常终止触发的事件,binderror用户不允许使用摄像头触发

        live-player实施音频播放。属性src音频地址,mode直播或实施通话,a因utoplay自动播放,muted是否静音,orientation画面方向,object-fit填充模式,background-mute进入后台是否静音,min-cache最小缓冲区,max-cache最大缓冲区,bindstatuschange播放状态变化事件,bindfullscreenchange全屏变化事件,bindnetstatus网络状态通知

        live-pusher实施音频录制。属性url推流地址,mode推流类型,autopush自动推流,muted是否静音,enable-camera开启摄像头,auto-focus自动聚焦,orientation方向,beauty美颜,whiteness美白,aspect宽高比,min-bitrate最小码率,max-bitrate最大码率,waiting-image进入后台推流时的等待图片,waiting-image-md5等待资源的md5值,background-mute进入后台是否静音,bindstatechange状态变化事件,bindnetstatus网络变化事件,binderror错误事件

      地图

        map地图。属性longitude中心经度,latitude中心纬度,scale缩放比例,markers标记点,polyline路线,circles圆,controls控件,include-points缩放视野包含的给定点坐标,show-location显示带有方向的当前定位点,bindmarkerstap点击当前标记点时触发,bindcallouttap点击标记点对应气泡时触发,bindcontroltap点击控件时触发,bindregionchange视野发生变化时触发,bindtap点击地图时触发,bindupdated地图渲染更新完成时触发

      画布

        canvas画布。属性canvase-id画布唯一标示符,disable-scroll禁止屏幕滚动及下拉刷新,bindtouchstart手指触摸开始事件,bindtouchmove手指触摸后移动触发,bindtouchend手指触摸动作结束触发,bindtouchcancel手指触摸动作被打断事件,bindlongtap手指长按500ms之后触发,binderror发生错误触发

      开放能力

        open-date用于展示微信开放数据。属性type开放数据类型,open-gid群id,lang那种语言展示

        web-view承载网页的容器。属性src网页的连接,bindmessage网页向小程序发送消息时触发

  • 相关阅读:
    关于SQL批量插入数据方法比较
    Meta详细说明及使用方法
    【原创】自己写的用户控件的传值
    Windows 2003全面优化
    IT职位全面解析(软件类)
    NHibernate介绍
    获取到的客户端发送的文件的MIME内容类型的全部类型列
    C#如何编程方式获取计算机主板序列号
    XP下HTTP的403.9错误禁止访问:连接的用户过多如何解
    用户登录验证程序——VB.NET
  • 原文地址:https://www.cnblogs.com/lichunjing/p/8651135.html
Copyright © 2011-2022 走看看