问题描述
如何设计对话框的左上角关闭按钮?我想用自己的关闭按钮进行更改。
有什么办法可以改变它吗?
例如。
HEAD
解决方法
是的,有一个属性可以隐藏默认的关闭按钮,然后,您可以添加自己的关闭按钮或任何样式
Promise.all(firebase.firestore().collection("sales_order").get().then(function (querySnapshot) {
return querySnapshot.docs.map(function (doc) {
let data = doc.data();
return Promise.all([data.customer.get(),data.user.get()]).then(function (docs) {
return docs.map(doc => doc.exists ? doc.data().name : "");
}).then(function ([customer_name,user_name]) {
return {
id: doc.id,data: {
createdDate: data.createdDate.seconds,expectedDate: data.expectedDate.seconds,customer_name,user_name,},};
});
});
})).then(function (results) {
// deal with results here
});
const app = new Vue({
el: '#app',data() {
return {
dialogVisible: false,}
},methods: {
beforeClose(done) {
this.dialogVisible = false;
done();
}
}
})
.my-class {
position: absolute;
top: 15px;
left: 10px;
}
您的CSS
,我找到了。我只是花了点小花招。
这是棘手的方法。
el-icon-close:before{
content: "Close";
}