weex官方文档
https://weexapp.com/zh/guide/introduction.html
weexUi组件库文档
https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-popover/
用法区别
- 在输入内容时,请确保将内容写在
<text></text>
标签中,因为写在 <span> 标签内是不会起作用的。 - 需要手动开启 flex 布局,默认是 column 方向,所以需要自己添加
flex-direction: row
来指定为行方向。 - 当设置背景色时,需要使用
background-color
属性而不是仅使用background
。 - 在设置内边距、外边距和边框时,不能直接使用
padding
、margin
以及 border,需要分开写,例如使用padding-top
、margin-top
,以及border-width: 1px
等。很多属性都有类似的情况,如果简写不行的话,不妨展开试试。 - Vue 版本和 Weex 版本不支持使用
?.
进行判断,而是需要使用res.obj && res.obj.name
来代替res.obj?.name
的写法。 - 使用class语法时,对象形式失效,如下:
invalid::class="item.value === '提交后级' ? 'summit-back' : 'button'" valid::class="[item.value === '提交后级' ? 'summit-back' : 'button']"
- 在 Weex 中,v-show 指令将会失效。
- 由于 Vue 版本过低,在使用插槽传值时需要使用 slot-scope="slotProps"进行传递,不可以使用v-slothttps://v2.cn.vuejs.org/v2/api/#vm-slots官方文档。
vue/weex版本
上面所写的注意事项并不一定完全正确,还需要根据版本信息去解决,下面是我的版本信息:
"vue": "^2.5.11",
"weex-acechart-js": "^1.2.1",