Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
bdc
/
bdcdj-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
062fcba2
authored
2022-11-29 16:46:41 +0800
by
任超
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
feat:弹框修改
1 parent
3585182a
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
15 additions
and
6 deletions
src/components/MessageBox/src/main.vue
src/components/Popup/index.vue
src/components/MessageBox/src/main.vue
View file @
062fcba
...
...
@@ -3,12 +3,19 @@
<div
class=
"el-message-box__wrapper"
tabindex=
"-1"
v-show=
"visible"
@
click
.
self=
"handleWrapperClick"
role=
"dialog"
aria-modal=
"true"
:aria-label=
"title || 'dialog'"
>
<div
class=
"el-message-box"
:class=
"[customClass, center && 'el-message-box--center']"
>
<div
class=
"el-message-box__header"
v-if=
"title !== null"
>
<div
class=
"el-message-box__title"
>
<span>
标题:
{{
title
}}
</span>
</div>
<button
type=
"button"
class=
"el-message-box__headerbtn"
aria-label=
"Close"
v-if=
"showClose"
@
click=
"handleAction(distinguishCancelAndClose ? 'close' : 'cancel')"
@
keydown
.
enter=
"handleAction(distinguishCancelAndClose ? 'close' : 'cancel')"
>
<i
class=
"el-message-box__close el-icon-close"
></i>
</button>
</div>
<div
class=
"el-message-box__content"
>
<div
class=
"el-message-box__container"
>
<div
v-if=
"title !== ''"
class=
"message-title"
>
标题:
{{
title
}}
</div>
<div
v-if=
"message !== ''"
class=
"richText"
v-html=
"message"
></div>
</div>
</div>
<div
class=
"el-message-box__btns"
>
<el-button
:loading=
"cancelButtonLoading"
:class=
"[cancelButtonClasses]"
:round=
"roundButton"
size=
"small"
@
click
.
native=
"handleAction('cancel')"
@
keydown
.
enter=
"handleAction('cancel')"
>
...
...
@@ -283,4 +290,8 @@ export default {
width
:
100%
;
height
:
100%
;
}
/
deep
/
.el-message-box__content
{
padding-top
:
0
;
}
</
style
>
\ No newline at end of file
...
...
src/components/Popup/index.vue
View file @
062fcba
<
template
>
<transition
name=
"
dialog-fade"
mode=
"out-in
"
v-if=
"myShow"
>
<transition
name=
"
msgbox-fade
"
v-if=
"myShow"
>
<div
class=
"ls-mask"
v-loading=
"loading"
>
<div
class=
"ls-mask-window"
:style=
"
{ 'width': width }">
<div
class=
"ls-head"
>
...
...
@@ -51,9 +51,7 @@ export default {
isShow
(
newValue
)
{
this
.
editItem
=
this
.
loadViewFn
(
this
.
editItem
)
document
.
body
.
appendChild
(
this
.
$el
);
this
.
$nextTick
(()
=>
{
this
.
myShow
=
newValue
})
}
},
mounted
()
{
...
...
Please
register
or
sign in
to post a comment