美文网首页
Modal使用自定义样式

Modal使用自定义样式

作者: 吗丁啉要餐前吃 | 来源:发表于2019-11-18 20:10 被阅读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的格式,属性值不能有;分号,属性名使用驼峰。

相关文章

网友评论

      本文标题:Modal使用自定义样式

      本文链接:https://www.haomeiwen.com/subject/przbictx.html