57cae15e by liangyifan

11

1 parent f334ee31
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <svg-icon icon-class='close' class="closeStyle" @click="onCancel" /> 10 <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />
11 </div> 11 </div>
12 12
13 <div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight + 'px'}"> 13 <div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight}">
14 <component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' /> 14 <component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' />
15 </div> 15 </div>
16 <div class="ls-mask-footer" v-if='btnShow'> 16 <div class="ls-mask-footer" v-if='btnShow'>
...@@ -56,8 +56,21 @@ export default { ...@@ -56,8 +56,21 @@ export default {
56 mounted () { 56 mounted () {
57 // 计算滚动条高度 57 // 计算滚动条高度
58 setTimeout(() => { 58 setTimeout(() => {
59 this.contentHeight = this.$refs.contentRef.offsetHeight 59 if(this.btnShow){
60 }, 1000) 60 if(this.height == 'auto'){
61 this.contentHeight = (this.$refs.contentRef.offsetHeight - 115) + 'px'
62 }else{
63 this.contentHeight =(parseInt(this.height)-parseInt('115px'))+'px';
64 }
65 }else{
66 if(this.height == 'auto'){
67 this.contentHeight = this.$refs.contentRef.offsetHeight + 'px'
68 }else{
69 this.contentHeight =this.height
70 }
71 }
72
73 }, 500)
61 }, 74 },
62 methods: { 75 methods: {
63 onCancel () { 76 onCancel () {
...@@ -130,7 +143,6 @@ export default { ...@@ -130,7 +143,6 @@ export default {
130 padding: 20px; 143 padding: 20px;
131 width: 100%; 144 width: 100%;
132 overflow: scroll; 145 overflow: scroll;
133 max-height: 500px;
134 } 146 }
135 147
136 .ls-mask-footer { 148 .ls-mask-footer {
...@@ -140,6 +152,9 @@ export default { ...@@ -140,6 +152,9 @@ export default {
140 width: 100%; 152 width: 100%;
141 box-shadow: 0px 0px 2px 0px; 153 box-shadow: 0px 0px 2px 0px;
142 border-radius: 0 0 10px 10px; 154 border-radius: 0 0 10px 10px;
155 position: absolute;
156 bottom: 0;
157 background: #ffffff;
143 } 158 }
144 159
145 160
......