小程序组件与api
2024-09-21 08:53:48
通过组合基础组件进行快速开发。
- 组件是视图层的基本组成单元。
所有组件都有的属性:
属性名 | 描述 | 注解 |
id | 组件的唯一标示 | 保持整个页面唯一 |
class | 组件的样式类 | 在对应的 WXSS 中定义的样式类 |
style | 组件的内联样式 | 可以动态设置的内联样式 |
hidden | 组件是否显示 | 所有组件默认显示 |
data-* | 自定义属性 | 组件上触发的事件时,会发送给事件处理函数 |
bind* / catch* | 组件的事件 | 详见事件 |
组件分为以下七大类:
1,视图容器(View Container):
组件名 | 说明 |
view | 视图容器 |
scroll-view | 可滚动视图容器 |
swiper | 滑块视图容器 |
swiper可以做轮播图
movable-view:可移动的视图容器,在页面中可以拖拽滑动
cover-view:覆盖在原生组件之上的视图
2,基础内容(Basic Content):
rich-text:富文本
3,表单(Form):
标签名 | 说明 |
button | 按钮 |
form | 表单 |
input | 输入框 |
checkbox | 多项选择器 |
radio | 单项选择器 |
picker | 列表选择器,如时间选择器,日期选择器 |
picker-view | 内嵌列表选择器 |
slider | 滚动选择器 |
switch | 开关选择器 |
label | 标签 |
textarea:多行输入框。
4,导航(Navigation):
组件名 | 说明 |
navigator | 应用链接,页面链接,如跳转到新页面 |
5,多媒体(Media):
camera:系统相机。
live-player:实时音视频播放。
live-pusher:实时音视频录制
6地图(Map):
组件名 | 说明 |
map | 地图 |
7画布(Canvas):
组件名 | 说明 |
canvas | 画布 |
客服会话:
组件名 | 说明 |
contact-button | 进入客服会话按钮 |
web-view:网页容器,网页中可使用JSSDK 1.3.0提供的接口
wx.on 开头的 API 是监听某个事件发生的API接口,接受一个 CALLBACK 函数作为参数。当该事件触发时,会调用 CALLBACK 函数。
如未特殊约定,其他 API 接口都接受一个OBJECT作为参数。
OBJECT中可以指定success, fail, complete(都是函数)来接收接口调用结果。
网络 API
媒体 API
文件 API
本地数据 API
位置 API
设备 API
界面 API
WXML节点信息 API
开放接口:登录,发起微信支付等
最新文章
- CSS系列:在HTML中引入CSS的方法
- 荣品RP4412开发板烧写Ubuntu系统应注意SD卡内存大些
- nodejs学习笔记(一)
- div+css的优势在哪?
- Hibernate配置文件hbm主键的generator可选项
- WinForm控件选择器
- android学习日记03--常用控件progressbar/seekbar
- 使用jq工具在Shell命令行处理JSON数据
- 快速美眉(FastMM)使用手记
- spring mvc3中的addFlashAttribute方法
- KMP算法---字符串匹配
- IDEA2017注册码
- python转义符
- php生成带参数二维码
- IntelliJ_2017_安装Grep Console插件(console输出内容加颜色)
- 使用VAE、CNN encoder+孤立森林检测ssl加密异常流的初探——真是一个忧伤的故事!!!
- DataGridView更新数据到数据库
- py-faster-rcnn代码阅读2-config.py
- 95. Unique Binary Search Trees II (Tree; DFS)
- DSP5509项目之用FFT识别钢琴音调(3)之ccs v6环境变量的配置