style:弹框样式修改

 <template>
   <transition name="msgbox-fade" v-if="myShow">
     <div class="ls-mask" v-loading="loading">
-      <div class="ls-mask-window" :style="{ 'width': width }">
+      <div class="ls-mask-window dialogBox" :style="{ 'width': width }">
         <div class="ls-head">
           <div class="ls-title" :style="{ 'text-align': titleStyle }">
             <svg-icon v-if="iconClass != ''" :icon-class='iconClass' />
@@ -105,6 +105,9 @@ export default {
 }
 </script>
 <style scoped lang="scss" >
+@import "~@/styles/mixin.scss";
+@import "~@/styles/dialogBox.scss";
+
 .ls-mask {
   width: 100%;
   height: 100%;
@@ -138,7 +141,7 @@ export default {
 .ls-title {
   padding: 10px;
   color: #ffffff;
-  background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
+  // background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
   font-size: 16px;
 }
 

 .dialogBox {
   overflow: hidden;
-  background: url("~@/image/dialogBg.png") no-repeat;
-  background-size: 100% 100%;
+  background: url("~@/image/dialogBg.png") no-repeat !important;
+  background-size: 100% 100% !important;
 
   .dialog_title {
     display: flex;