Message Box
打开 alert 提示框
打开 confirm 提示框
打开 prompt 提示框
@component-namespace page {
@componentmsgbox{
@descendentwrapper{
padding:020px;
position:absolute50%* * *;
width:100%;
transform:translateY(-50%);
button:not(:last-child) {
margin-bottom:20px;
}
}
}
}
import{MessageBox}from'src/index';
exportdefault{
methods:{
openAlert() {
MessageBox.alert('操作成功!','提示');
},
openConfirm() {
MessageBox.confirm('确定执行此操作?','提示');
},
openPrompt() {
MessageBox.prompt('','请输入姓名').then(({ value })=>{
if(value) {
MessageBox.alert(`你的名字是${value}`,'输入成功');
}
});
}
}
};
网友评论