coosld/mind-map
1
0
Fork 0
mirror of https://github.com/wanglin2/mind-map.git synced 2026-03-06 00:38:05 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Demo：给对话框添加唯一的class，方便开发者调整样式

Browse Source
This commit is contained in:
wanglin2 2023-08-03 08:49:29 +08:00
parent c845a0b7fa
commit 1952280003
7 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/pages/Edit/components/Export.vue
View File

@ -1,6 +1,6 @@
<template>
<el-dialog
class="nodeDialog"
class="nodeExportDialog"
:title="$t('export.title')"
:visible.sync="dialogVisible"
width="700px"
@ -197,7 +197,7 @@ export default {
}
}
.nodeDialog {
.nodeExportDialog {
/deep/ .el-dialog__body {
background-color: #f2f4f7;
}

4
web/src/pages/Edit/components/Import.vue
View File

@ -1,6 +1,6 @@
<template>
<el-dialog
class="nodeDialog"
class="nodeImportDialog"
:title="$t('import.title')"
:visible.sync="dialogVisible"
width="300px"
@ -245,6 +245,6 @@ export default {
</script>
<style lang="less" scoped>
.nodeDialog {
.nodeImportDialog {
}
</style>

4
web/src/pages/Edit/components/NodeHyperlink.vue
View File

@ -1,6 +1,6 @@
<template>
<el-dialog
class="nodeDialog"
class="nodeHyperlinkDialog"
:title="$t('nodeHyperlink.title')"
:visible.sync="dialogVisible"
width="500"
@ -89,7 +89,7 @@ export default {
</script>
<style lang="less" scoped>
.nodeDialog {
.nodeHyperlinkDialog {
.item {
display: flex;
align-items: center;

4
web/src/pages/Edit/components/NodeIcon.vue
View File

@ -1,6 +1,6 @@
<template>
<el-dialog
class="nodeDialog"
class="nodeIconDialog"
:title="$t('nodeIcon.title')"
:visible.sync="dialogVisible"
width="500"
@ -95,7 +95,7 @@ export default {
</script>
<style lang="less" scoped>
.nodeDialog {
.nodeIconDialog {
/deep/ .el-dialog__body {
padding: 0 20px;
}

4
web/src/pages/Edit/components/NodeImage.vue
View File

@ -1,6 +1,6 @@
<template>
<el-dialog
class="nodeDialog"
class="nodeImageDialog"
:title="$t('nodeImage.title')"
:visible.sync="dialogVisible"
width="500"
@ -112,7 +112,7 @@ export default {
</script>
<style lang="less" scoped>
.nodeDialog {
.nodeImageDialog {
.title {
font-size: 18px;
margin-bottom: 12px;

4
web/src/pages/Edit/components/NodeNote.vue
View File

@ -1,6 +1,6 @@
<template>
<el-dialog
class="nodeDialog"
class="nodeNoteDialog"
:title="$t('nodeNote.title')"
:visible.sync="dialogVisible"
width="500"
@ -105,7 +105,7 @@ export default {
</script>
<style lang="less" scoped>
.nodeDialog {
.nodeNoteDialog {
.tip {
margin-top: 5px;
color: #dcdfe6;

4
web/src/pages/Edit/components/NodeTag.vue
View File

@ -1,6 +1,6 @@
<template>
<el-dialog
class="nodeDialog"
class="nodeTagDialog"
:title="$t('nodeTag.title')"
:visible.sync="dialogVisible"
width="500"
@ -120,7 +120,7 @@ export default {
</script>
<style lang="less" scoped>
.nodeDialog {
.nodeTagDialog {
.tagList {
display: flex;
flex-wrap: wrap;