535c7358 by 蔡俊立
2 parents 717d5878 d5c4bd2a
...@@ -59,9 +59,15 @@ export default { ...@@ -59,9 +59,15 @@ export default {
59 if (this.btnShow) { //判断按钮的显影来决定是否需要计算高度 59 if (this.btnShow) { //判断按钮的显影来决定是否需要计算高度
60 if (this.height == 'auto') { 60 if (this.height == 'auto') {
61 this.contentHeight = (this.$refs.contentRef.offsetHeight - 100) + 'px' 61 this.contentHeight = (this.$refs.contentRef.offsetHeight - 100) + 'px'
62 }else{
63 this.contentHeight = this.height
62 } 64 }
63 } else { 65 } else {
64 this.contentHeight = (parseInt(this.height) - parseInt('100px')) + 'px'; 66 if(this.height=='auto'){
67 this.contentHeight = this.$refs.contentRef.offsetHeight
68 }else{
69 this.contentHeight = this.height
70 }
65 } 71 }
66 }, 500) 72 }, 500)
67 }, 73 },
...@@ -139,23 +145,23 @@ export default { ...@@ -139,23 +145,23 @@ export default {
139 } 145 }
140 146
141 .ls-mask-footer { 147 .ls-mask-footer {
142 height: 50px; 148 height: 50px;
143 display: flex; 149 display: flex;
144 justify-content: center; 150 justify-content: center;
145 width: 100%; 151 width: 100%;
146 box-shadow: 0px 0px 2px 0px; 152 box-shadow: 0px 0px 2px 0px;
147 border-radius: 0 0 10px 10px; 153 border-radius: 0 0 10px 10px;
148 position: absolute; 154 position: absolute;
149 bottom: 0; 155 bottom: 0;
150 background: #ffffff; 156 background: #ffffff;
151 } 157 }
152 158
153 159
154 /deep/.closeStyle { 160 /deep/.closeStyle {
155 position: absolute; 161 position: absolute;
156 top: 17px; 162 top: 13px;
157 right: 12px; 163 right: 26px;
158 font-size: 20px; 164 font-size: 24px;
159 cursor: pointer; 165 cursor: pointer;
160 color: #409EFF; 166 color: #409EFF;
161 } 167 }
......
...@@ -202,7 +202,7 @@ export default { ...@@ -202,7 +202,7 @@ export default {
202 height: 48px; 202 height: 48px;
203 line-height: 48px; 203 line-height: 48px;
204 width: 100%; 204 width: 100%;
205 background: #fff; 205 background: #EDF1F7;
206 border-bottom: 1px solid #E4EBF4; 206 border-bottom: 1px solid #E4EBF4;
207 box-shadow: 0 1px 3px 0 rgba(147, 173, 209, 0.12); 207 box-shadow: 0 1px 3px 0 rgba(147, 173, 209, 0.12);
208 208
...@@ -216,6 +216,8 @@ export default { ...@@ -216,6 +216,8 @@ export default {
216 top: 8px; 216 top: 8px;
217 height: 33px; 217 height: 33px;
218 z-index: 1; 218 z-index: 1;
219 background: #EDF1F7!important;
220
219 } 221 }
220 222
221 .pane-mask-left { 223 .pane-mask-left {
...@@ -237,14 +239,12 @@ export default { ...@@ -237,14 +239,12 @@ export default {
237 cursor: pointer; 239 cursor: pointer;
238 height: 31px; 240 height: 31px;
239 line-height: 29px; 241 line-height: 29px;
240 border: 1px solid #e4ebf4;
241 color: #686666; 242 color: #686666;
242 background: #fff; 243 background: #D8DFE6;
243 padding: 0 10px 0 10px; 244 padding: 0 20px 0 20px;
244 font-size: 16px; 245 font-size: 16px;
245 margin-top: 5px; 246 margin-top: 5px;
246 border-radius: 4px; 247 border-radius: 8px 8px 0 0;
247
248 &:first-of-type { 248 &:first-of-type {
249 margin-left: 15px; 249 margin-left: 15px;
250 } 250 }
...@@ -254,8 +254,8 @@ export default { ...@@ -254,8 +254,8 @@ export default {
254 } 254 }
255 255
256 &.active { 256 &.active {
257 border-color: #0f93f6; 257 color: #0f93f6;
258 color: #4a4a4a; 258 background: #ffffff;
259 // &::before { 259 // &::before {
260 // content: ''; 260 // content: '';
261 // background: #0F93F6; 261 // background: #0F93F6;
...@@ -267,6 +267,7 @@ export default { ...@@ -267,6 +267,7 @@ export default {
267 // margin-right: 2px; 267 // margin-right: 2px;
268 // } 268 // }
269 } 269 }
270
270 } 271 }
271 } 272 }
272 273
......