组件对比

视图容器

组件名 缺少 缺少的属性 微信多出的属性
view
scroll-view
swiper 支付宝缺少属性(current-item-id, display-multiple-items skip-hidden-item-layout
movable-area 支付宝
cover-view 支付宝

基础内容

组件名 缺少 缺少的属性 微信多出的属性
icon
text 支付宝(space selectable, decode
progress 支付宝缺少属性(color, active-mode
rich-text 支付宝
animation 支付宝, 微信

表单组件

组件名 缺少 缺少的属性 微信多出的属性
button 支付宝缺少属性(hover-stop-propagation,bindgetuserinfo lang, 微信多出一些open-type存在的属性
checkbox 支付宝(color
form
input 支付宝缺少属性(cursor-spacing
textarea 支付宝缺少属性(show-confirm-bar,selection-start,selection-end,adjust-position, bindlinechange
label
picker 支付宝缺少属性mode
picker-view 支付宝属性是 indicatorStyle, 支付宝缺少的属性是(indicator-class,mask-style,mask-class
radio 支付宝缺少属性color
switch 百度缺少属性disabled
slider 支付宝(handleSize,handleColor);微信,百度(block-size,block-color

导航

组件名 缺少 缺少的属性 微信多出的属性
navigator 支付宝缺少属性(delta app-id, path, extra-data, version
animation 支付宝, 百度

媒体组件

组件名 缺少 缺少的属性 微信多出的属性
image 支付宝(lazyLoad );微信,百度(lazy-load
audio 支付宝 danmu-list,danmu-btn,enable-danmu
camera 支付宝 mode,flash,bindscancode
live-player 支付宝 mode
live-pusher 支付宝, 百度

地图

组件名 缺少 缺少的属性 微信多出的属性
map 百度(polygons enable-overlooking,enable-zoom, enable-scroll,enable-rotate

画布

组件名 缺少 缺少的属性 微信多出的属性
canvas

注: 画布属性写 id 而不是 canvas-id

开放能力

组件名 缺少 缺少的属性 微信多出的属性
web-view 支付宝 (bindLoad, bindError) 百度 (bindLoad, bindError)

支付宝中 web-view 组件的用法

import React from '@react';

// 事件
class Data extends React.Component {
 constructor() {
   super();
   this.state = {};
   React.webview.instance = this
   React.webview.cb = this.test // 绑定到 onMessage 上的函数
 }

 
 componentDidMount() {}

 test(e) {
   console.log(JSON.stringify(e.detail))
 }

 render() {
   return (
     <div>
       <web-view src="http://localhost/" onMessage={this.test.bind(this)}></web-view>
     </div>
   );
 }
}
export default Data;