修改样式

src/App.vue

@@ -41,17 +41,5 @@ export default {
 };
 </script>
 <style lang="scss">
-.el-dialog__header {
-  background-color: #3A68F2;
-  text-align: left;
-}
-
-.el-dialog__title {
-  color: #FFFFFF;
-}
-
-.el-dialog__headerbtn {
-  color: #FFFFFF;
-}
 
 </style>

src/styles/elDialog.scss

@@ -1,9 +1,25 @@
+.el-dialog {
+  border-radius: 10px;
+}
+
 .el-dialog__header {
-  background-color: #3A68F2;
+  background-color: #183ECD;
+  border-radius: 10px 10px 0px 0px;
+  padding: 18px 20px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  align-content: center;
+  flex-wrap: nowrap;
 }
 
 .el-dialog__title {
+  line-height: 19px;
   color: #FFFFFF;
+
+  font-size: 18px;
+font-family: PingFang SC;
+font-weight: 500;
 }
 
 .el-dialog__headerbtn {
@@ -20,28 +36,28 @@
 
 .el-button--primary {
   color: #FFF;
-  background-color: #3A68F2;
-  border-color: #3A68F2;
+  background-color: #183ECD;
+  border-color: #183ECD;
 }
 
 .el-radio__input.is-checked .el-radio__inner {
-  border-color: #3A68F2;
-  background: #3A68F2;
+  border-color: #183ECD;
+  background: #183ECD;
 }
 
 .el-tabs__item.is-active {
-  color: #3A68F2;
+  color: #183ECD;
 }
 
 .el-tabs__active-bar {
-  background-color: #3A68F2;
+  background-color: #183ECD;
 }
 .el-radio-button__orig-radio:checked+.el-radio-button__inner {
   color: #FFF;
-  background-color: #3A68F2;
-  border-color: #3A68F2;
-  -webkit-box-shadow: -1px 0 0 0 #3A68F2;
-  box-shadow: -1px 0 0 0 #3A68F2;
+  background-color: #183ECD;
+  border-color: #183ECD;
+  -webkit-box-shadow: -1px 0 0 0 #183ECD;
+  box-shadow: -1px 0 0 0 #183ECD;
 }
 .el-table td,
 .el-table th {

src/views/commodity/commodityList/commodityGroup.vue

@@ -740,9 +740,6 @@ export default {
 .newGroupBox /deep/ .formBox {
   width: 500px;
 }
-/*.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {*/
-/*  color: #FFFFFF;*/
-/*}*/
 .fenye {
   margin-top: 30px;
 }

src/views/customer/clusteringList/index.vue

@@ -299,9 +299,6 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 .tagCustomer /deep/ .el-form-item__content {
   display: flex;
 }

src/views/customer/customerList/customerDetail.vue

@@ -273,16 +273,4 @@ export default {
 }
 </style>
 <style scoped>
-/* .changeCustomer .inputWide /deep/ .el-form-item__content {
-  width: 280px;
-}
-.changeCustomer .inputWide /deep/ .el-select {
-  width: 280px;
-} */
-.customerDetail /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
-/* .changeCustomer /deep/ .el-date-editor--date {
-  width: 280px;
-} */
 </style>

src/views/customer/customerList/index.vue

@@ -456,9 +456,6 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 .inputWide /deep/ .el-form-item__content {
   width: 260px;
 }
@@ -471,9 +468,6 @@ export default {
 .changeCustomer .inputWide /deep/ .el-select {
   width: 280px;
 }
-.customerDetail /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 .changeCustomer /deep/ .el-date-editor--date {
   width: 280px;
 }

src/views/customer/tagList.vue

@@ -301,9 +301,6 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 .tagCustomer /deep/ .el-form-item__content {
   display: flex;
 }

src/views/distributor/achievement/programme.vue

@@ -413,20 +413,6 @@ h2 {
   }
 }
 
-::v-deep .el-dialog__wrapper {
-  .el-dialog__header {
-    height: 70px;
-    background-color: #3a68f2;
-    .el-dialog__title {
-      font-size: 24px;
-      color: #fff;
-    }
-    .el-dialog__headerbtn {
-      color: #FFFFFF;
-    }
-  }
-}
-
 ::v-deep .el-input__inner {
   height: 30px;
   line-height: 30px;

src/views/marketing/channelActivity/selectChannelCoupons.vue

@@ -431,8 +431,4 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 </style>

src/views/marketing/channelManage/add.vue

@@ -792,27 +792,12 @@ export default {
   text-align: center;
 }
 
-.addCoupon /deep/ .el-button--primary {
-  background: #409EFF;
-  border-color: #409EFF;
-}
-
-.addCoupon /deep/ .el-dialog__header {
-  background-color: #409EFF;
-}
-
-.addCoupon /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 
 .addCoupon .timeDataBox /deep/ .el-form-item__content {
   display: flex;
   align-items: center;
 }
 
-.addCoupon .timeDataBox /deep/ .el-form-item__label {
-}
-
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;

src/views/marketing/channelManage/index.vue

@@ -460,8 +460,4 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 </style>

src/views/marketing/compose/add.vue

@@ -616,22 +616,10 @@ export default {
 .boxWidth /deep/ .el-input .el-input__inner {
   text-align: center;
 }
-.addGroupBuy /deep/ .el-button--primary {
-  background: #409eff;
-  border-color: #409eff;
-}
-.addGroupBuy /deep/ .el-dialog__header {
-  background-color: #409eff;
-}
-.addGroupBuy /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #ffffff;
-}
 .addGroupBuy .timeDataBox /deep/ .el-form-item__content {
   display: flex;
   align-items: center;
 }
-.addGroupBuy .timeDataBox /deep/ .el-form-item__label {
-}
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;

src/views/marketing/compose/index.vue

@@ -226,7 +226,4 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 </style>

src/views/marketing/coupon/add.vue

@@ -563,21 +563,10 @@ export default {
 .boxWidth /deep/ .el-input .el-input__inner {
   text-align: center;
 }
-.addCoupon /deep/ .el-button--primary {
-  background: #409EFF;
-  border-color: #409EFF;
-}
-.addCoupon /deep/ .el-dialog__header {
-  background-color: #409EFF;
-}
-.addCoupon /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 .addCoupon .timeDataBox /deep/ .el-form-item__content {
   display: flex;
   align-items: center;
 }
-.addCoupon .timeDataBox /deep/ .el-form-item__label {}
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;

src/views/marketing/coupon/index.vue

@@ -312,7 +312,4 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 </style>

src/views/marketing/discount/add.vue

@@ -500,21 +500,10 @@ export default {
 .boxWidth /deep/ .el-input .el-input__inner {
   text-align: center;
 }
-.addGroupBuy /deep/ .el-button--primary {
-  background: #409EFF;
-  border-color: #409EFF;
-}
-.addGroupBuy /deep/ .el-dialog__header {
-  background-color: #409EFF;
-}
-.addGroupBuy /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 .addGroupBuy .timeDataBox /deep/ .el-form-item__content {
   display: flex;
   align-items: center;
 }
-.addGroupBuy .timeDataBox /deep/ .el-form-item__label {}
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;

src/views/marketing/discount/index.vue

@@ -323,7 +323,4 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 </style>

src/views/marketing/group/add.vue

@@ -487,24 +487,11 @@ export default {
 .boxWidth /deep/ .el-input .el-input__inner {
   text-align: center;
 }
-.addGroupBuy /deep/ .el-button--primary {
-  background: #409EFF;
-  border-color: #409EFF;
-}
-.addGroupBuy /deep/ .el-dialog__header {
-  background-color: #409EFF;
-}
-.addGroupBuy /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 .addGroupBuy .timeDataBox /deep/ .el-form-item__content {
   display: flex;
   align-items: center;
 }
 
-.addGroupBuy .timeDataBox /deep/ .el-form-item__label {
-}
-
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;

src/views/marketing/group/index.vue

@@ -326,7 +326,4 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 </style>

src/views/marketing/price/add.vue

@@ -579,22 +579,10 @@ export default {
 .boxWidth /deep/ .el-input .el-input__inner {
   text-align: center;
 }
-.addGroupBuy /deep/ .el-button--primary {
-  background: #409eff;
-  border-color: #409eff;
-}
-.addGroupBuy /deep/ .el-dialog__header {
-  background-color: #409eff;
-}
-.addGroupBuy /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #ffffff;
-}
 .addGroupBuy .timeDataBox /deep/ .el-form-item__content {
   display: flex;
   align-items: center;
 }
-.addGroupBuy .timeDataBox /deep/ .el-form-item__label {
-}
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;

src/views/marketing/price/index.vue

@@ -205,7 +205,4 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 </style>

src/views/marketing/scene/index.vue

@@ -202,7 +202,4 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 </style>

src/views/marketing/spike/add.vue

@@ -500,21 +500,10 @@ export default {
 .boxWidth /deep/ .el-input .el-input__inner {
   text-align: center;
 }
-.addGroupBuy /deep/ .el-button--primary {
-  background: #409EFF;
-  border-color: #409EFF;
-}
-.addGroupBuy /deep/ .el-dialog__header {
-  background-color: #409EFF;
-}
-.addGroupBuy /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 .addGroupBuy .timeDataBox /deep/ .el-form-item__content {
   display: flex;
   align-items: center;
 }
-.addGroupBuy .timeDataBox /deep/ .el-form-item__label {}
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;

src/views/marketing/spike/index.vue

@@ -324,7 +324,4 @@ export default {
 .btnList /deep/ .delCls {
   margin-left: 10px;
 }
-.group-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
-  color: #FFFFFF;
-}
 </style>