style:弹框组件
Showing
4 changed files
with
9 additions
and
5 deletions
1 | <template> | 1 | <template> |
2 | <el-dialog :visible.sync="dialogVisible" :width="width" :fullscreen="fullscreen" top="0" :append-to-body="true" | 2 | <el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0" |
3 | :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key" | 3 | :append-to-body="appendToBody" :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key" |
4 | :custom-class="isMain ? 'mainCenter dialogBox' : 'contentCenter dialogBox'" :destroy-on-close="true" ref="dialogBox" | 4 | :custom-class="isMain ? 'mainCenter dialogBox' : 'contentCenter dialogBox'" :destroy-on-close="true" ref="dialogBox" |
5 | id="dialogBox"> | 5 | id="dialogBox"> |
6 | <div slot="title"> | 6 | <div slot="title"> |
... | @@ -30,6 +30,10 @@ export default { | ... | @@ -30,6 +30,10 @@ export default { |
30 | type: Boolean, | 30 | type: Boolean, |
31 | default: false | 31 | default: false |
32 | }, | 32 | }, |
33 | appendToBody: { | ||
34 | type: Boolean, | ||
35 | default: false | ||
36 | }, | ||
33 | isButton: { | 37 | isButton: { |
34 | type: Boolean, | 38 | type: Boolean, |
35 | default: true, | 39 | default: true, | ... | ... |
... | @@ -103,7 +103,7 @@ export default { | ... | @@ -103,7 +103,7 @@ export default { |
103 | .ls-mask { | 103 | .ls-mask { |
104 | width: 100%; | 104 | width: 100%; |
105 | height: 100%; | 105 | height: 100%; |
106 | z-index: 2001; | 106 | z-index: 100000; |
107 | position: fixed; | 107 | position: fixed; |
108 | left: 0; | 108 | left: 0; |
109 | top: 0; | 109 | top: 0; | ... | ... |
... | @@ -33,7 +33,7 @@ import _ from 'lodash' | ... | @@ -33,7 +33,7 @@ import _ from 'lodash' |
33 | 33 | ||
34 | import * as filters from './filters' // global filters | 34 | import * as filters from './filters' // global filters |
35 | import './permission' // permission control | 35 | import './permission' // permission control |
36 | Vue.use(Element, { size: 'small' }) | 36 | Vue.use(Element, { size: 'small', zIndex: 1000 }) |
37 | Vue.use(Base) | 37 | Vue.use(Base) |
38 | Object.keys(filters).forEach(key => { | 38 | Object.keys(filters).forEach(key => { |
39 | Vue.filter(key, filters[key]) | 39 | Vue.filter(key, filters[key]) | ... | ... |
-
Please register or sign in to post a comment