weex开发总结

知识方面

样式

只支持像素值
border不支持组合写法，如border: 1px solid #FFA500

	border-style: 
	border-width:
	border-color:
	border-radius:

weex盒模型的box-sizing默认为border-box，故盒子的宽高=内容(content)+内边距(padding)+边框宽度(border)，不包含外边距(margin)的宽度
weex中，flex是默认且唯一的布局模型，故不用再写dispaly:flex
Weex 目前不支持 z-index 设置元素层级关系，但靠后的元素层级更高
background-image 优先级高于background-color，且不能使用background简写
box-shadow不支持android

vue

定义组件时不支持template选项
不支持使用x-templates
不支持使用Vue.compile
不支持事件修饰符，按键修饰符，系统修饰符
不支持keep-alive：没有activated和deactivated两个阶段

业务方面

拒接订单操作

使用weex的modal模块，当用户点击拒接订单按钮时，使用confirm()方法，处理用户的逻辑操作。使用prompt(),接收用户填写的拒接理由。

methods: {
    refuseOrder(e) {
      modal.confirm({
      message: '确认拒接此订单？',
      okTitle: '确定',
      cancelTitle: '取消'
    },res => {
        if(res == '确定') {
            modal.prompt({
                message: '请填写拒接理由',
                okTitle: '提交',
                cancelTitle: '取消'
            },res => {
                if(res == '提交') {
                    //提交后的操作
                } else if(res == '取消') {
                    //取消后的操作
                }
            })
        } else if(res == '取消') {
            //取消后的操作
        }
      })
    }