Modal使用自定义样式

2019-11-18  本文已影响0人  吗丁啉要餐前吃
<Modal footer-hide v-model="isVisible" :styles="modalStyle">
</Modal>

new Vue({
     computed:{
          modalStyle() {
              switch (this.type) {
                    case 'warning':
                        return {
                            border: 'solid 1px #ffe58f',
                            backgroundColor: '#fffbe6'
                        };
                        break;
                    case 'error':
                        return {
                            border: 'solid 1px #ffa39e',
                            backgroundColor: '#fff1f0'
                        };
                        break;
                }
            }
  }
})

注意传入的style的格式,属性值不能有;分号,属性名使用驼峰。

上一篇 下一篇

猜你喜欢

热点阅读