style:弹框组件修改
Showing
3 changed files
with
10 additions
and
3 deletions
| ... | @@ -52,12 +52,19 @@ | ... | @@ -52,12 +52,19 @@ |
| 52 | position: absolute; | 52 | position: absolute; |
| 53 | top: 50%; | 53 | top: 50%; |
| 54 | left: 50%; | 54 | left: 50%; |
| 55 | transform: translate(calc(-50% + 85px), -50%) !important; | 55 | transform: translate(calc(-50% + 85px), -50%); |
| 56 | } | 56 | } |
| 57 | 57 | ||
| 58 | .mainCenter { | 58 | .mainCenter { |
| 59 | position: absolute; | 59 | position: absolute; |
| 60 | top: 50%; | 60 | top: 50%; |
| 61 | left: 50%; | 61 | left: 50%; |
| 62 | transform: translate(-50%, -50%); | ||
| 63 | } | ||
| 64 | |||
| 65 | .is-fullscreen { | ||
| 66 | position: absolute; | ||
| 67 | top: 50%; | ||
| 68 | left: 50%; | ||
| 62 | transform: translate(-50%, -50%) !important; | 69 | transform: translate(-50%, -50%) !important; |
| 63 | } | 70 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -75,7 +75,7 @@ export default { | ... | @@ -75,7 +75,7 @@ export default { |
| 75 | } | 75 | } |
| 76 | }, | 76 | }, |
| 77 | methods: { | 77 | methods: { |
| 78 | handleFullscreen () { | 78 | handleFullscreen (val) { |
| 79 | this.fullscreen = !this.fullscreen | 79 | this.fullscreen = !this.fullscreen |
| 80 | let height = document.getElementById('dialogBox').clientHeight | 80 | let height = document.getElementById('dialogBox').clientHeight |
| 81 | if (!this.fullscreen) { | 81 | if (!this.fullscreen) { | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="申请业务规则配置" @submitForm="submitForm" @closeDialog="closeDialog" v-model="value"> | 2 | <dialogBox title="申请业务规则配置" @submitForm="submitForm" isMain @closeDialog="closeDialog" v-model="value"> |
| 3 | <div class="sqywgz-edit"> | 3 | <div class="sqywgz-edit"> |
| 4 | <ul class="sqywgz-edit-left"> | 4 | <ul class="sqywgz-edit-left"> |
| 5 | <li v-for="(item, index) in leftList" :key="index" :class="{ active: index == n }" @click="hanldeItem(index)">{{ | 5 | <li v-for="(item, index) in leftList" :key="index" :class="{ active: index == n }" @click="hanldeItem(index)">{{ | ... | ... |
-
Please register or sign in to post a comment