WeeX框架
WeeX 是一个开平台高性能的ui框架,类似Web语法通过单个代码库构建ios,Android和Web UI(可以Vue混用进行配置)
功能
Weex和Web的平台差异
Weex环境中没有DOM(不支持DOM操作)Weex在Android和ios环境渲染出来的是原生组件,不是DOM Element
有限的事件类型 Weex中的事件是由原生组件捕获并触发的
没有 window screen 对象,不支持使用全局变量,可以使用WXEnvironment
没有document 对象 在Android和ios环境中并没有这个对象,也不支持与其相关的DOM操作
没有 history location navigator 对象
基础语法标签的使用
组件用于实现页面间的跳转
TIP : 不可以在标签内部直接添加文本,需要使用
属性:herf
TIP: 当click事件的回调函数和herf跳转前的逻辑处理
<a herf='http://baidu.com'>
<text>主会场</text>
</a>
不要在
在Weex中,
控制
子组件
支持各种类型的子元素
子组件
不支持子组件
<image style='width:500px;height:400px' src='图片路径'>
提供垂直列表功能的核心组件,拥有平滑的滚动和高效的内存管理,非常适合用于长列表的展示
不允许相同方向的或者
需要显示的设置其宽高,可使用postion:absolute;或width,height设置其宽高值
子组件
- ,
<scroller>
<refresh>
<text>refreshing</text>
</refresh>
<div v-for='num in lists'>
<text>{{num}}</text>
</div>
</scroller>
<loading>
<text>loading</text>
</loading>
<recycle-list v-for='(item,i) in longList' switch='type'>
<cell-slot case='A'>
<text> A {{i}}</text>
</cell-slot>
<cell-slot case='B'>
<text> B {{i}}</text>
</cell-slot>
</recycle-list>
子组件
只能使用
组件除外,
默认可以滚动)
样式:
item-color 指示点默认颜色(未选中态)
item-selected-color 指示点选中颜色
item-size 指示点半径