Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
960eeae7 by 任超
Options

style:弹框样式修改

1 parent 19720eaa
Inline Side-by-side
Showing 2 changed files with 7 additions and 4 deletions
1 <template> 1 <template>
2 <transition name="msgbox-fade" v-if="myShow"> 2 <transition name="msgbox-fade" v-if="myShow">
3 <div class="ls-mask" v-loading="loading"> 3 <div class="ls-mask" v-loading="loading">
4 <div class="ls-mask-window" :style="{ 'width': width }"> 4 <div class="ls-mask-window dialogBox" :style="{ 'width': width }">
5 <div class="ls-head"> 5 <div class="ls-head">
6 <div class="ls-title" :style="{ 'text-align': titleStyle }"> 6 <div class="ls-title" :style="{ 'text-align': titleStyle }">
7 <svg-icon v-if="iconClass != ''" :icon-class='iconClass' /> 7 <svg-icon v-if="iconClass != ''" :icon-class='iconClass' />
...@@ -105,6 +105,9 @@ export default { ...@@ -105,6 +105,9 @@ export default {
105 } 105 }
106 </script> 106 </script>
107 <style scoped lang="scss" > 107 <style scoped lang="scss" >
108 @import "~@/styles/mixin.scss";
109 @import "~@/styles/dialogBox.scss";
110
108 .ls-mask { 111 .ls-mask {
109 width: 100%; 112 width: 100%;
110 height: 100%; 113 height: 100%;
...@@ -138,7 +141,7 @@ export default { ...@@ -138,7 +141,7 @@ export default {
138 .ls-title { 141 .ls-title {
139 padding: 10px; 142 padding: 10px;
140 color: #ffffff; 143 color: #ffffff;
141 background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); 144 // background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
142 font-size: 16px; 145 font-size: 16px;
143 } 146 }
144 147
......
1 .dialogBox { 1 .dialogBox {
2 overflow: hidden; 2 overflow: hidden;
3 background: url("~@/image/dialogBg.png") no-repeat; 3 background: url("~@/image/dialogBg.png") no-repeat !important;
4 background-size: 100% 100%; 4 background-size: 100% 100% !important;
5 5
6 .dialog_title { 6 .dialog_title {
7 display: flex; 7 display: flex;
......