一、前言 在窄屏模式下(移动端),提示框的宽度太宽,希望降低宽度。 应当如何修改 ElementUI 的样式呢? 二、情景还原 // 弹出注销提示框 this.$confirm(‘确认注销吗?’, ‘提示’, { }).then(() => { this.$message({ message: ‘已成功注销’, type: ‘success’ }) }).catch(() => { /* ...
// 单独引入ElMessageBoximport{ElMessageBox}from'element-plus'// 单独引入样式即可import'element-plus/es/components/message-box/style'
vue3.2+ts实现在方法中可调用的拟态框弹窗(类el-MessageBox) 公司UI设计的拟态框弹窗跟Element Plus UI的布局不太一致。导致不能够直接修改样式得到想到样式。直接上图。 这个需求最主要的是要通过方法去调用。为了像el-messagebox使用那样方便。能直接在方法中调用。但这也是难点。去查看了element源码,一个套一个的...
公司UI设计的拟态框弹窗跟Element Plus UI的布局不太一致。导致不能够直接修改样式得到想到样式。直接上图。 这个需求最主要的是要通过方法去调用。为了像el-messagebox使用那样方便。能直接在方法中调用。但这也是难点。去查看了element源码,一个套一个的方法 实在看不懂。因为vue2和vue3的机制改动了。vue2的引用方...
vue3项目如果启用typescript,单独引入ElMessage,ElMessageBox样式时写法略有不同,如下 import'element-plus/es/components/message-box/style/index'import'element-plus/es/components/message/style/index' 注,如果按以下写法会报错 import'element-plus/es/components/message-box/style'import'element-plus/es/component...