style(政策图解): 政策订阅样式修改--修改了element样式公共文件！！

src/styles/element-ui.scss

@@ -323,16 +323,6 @@ label {
 .el-button--success {
   color: #fff;
   font-size: 14px;
-  background-color: $color-green !important;
-  border-color: $color-green !important;
-  &:hover {
-    background-color: $color-green-light-btn !important;
-    border-color: $color-green-light-btn !important;
-  }
-  &:focus {
-    background-color: $color-green-deep !important;
-    border-color: $color-green-deep !important;
-  }
 }
  // 按钮字体14px
 .el-button--small {

src/styles/variables.scss

 // 主题色
-$color-theme: #46BCF3;
+$color-theme: #1A78E5;
 $color-red: #F57b7b;
 $color-purple: #ff33a9;
 $color-orange: #f4ac10;

src/views/PolicyDirect/components/policySubscription.vue

@@ -58,17 +58,19 @@
           </div>
         </template>
         <div class="option-buttons">
-          <el-form-item>
             <!-- 有订阅信息 才可以编辑与查询-->
             <template v-if="!addOrUpdate && info !== undefined && info !== null">
               <!-- 编辑时 不可以进行查询 -->
-              <el-button v-if="!editOpen" type="primary" size="small" @click="handleQuery">查询</el-button>
+              <el-button v-if="!editOpen" type="primary" @click="handleQuery">查询</el-button>
+            </template>
+          <div>
+            <template v-if="!addOrUpdate && info !== undefined && info !== null">
               <!-- 编辑订阅与保存切换显示 -->
-              <el-button size="small" @click="handleEdit"><span v-if="!editOpen">编辑订阅</span><span v-else>保存编辑</span>
+              <el-button type="success" @click="handleEdit"><span v-if="!editOpen">编辑订阅</span><span v-else>保存编辑</span>
               </el-button>
             </template>
-            <el-button size="small" @click="addSubscription">添加订阅</el-button>
-          </el-form-item>
+            <el-button type="primary" @click="addSubscription">添加订阅</el-button>
+          </div>
         </div>
       </el-form>
     </div>
@@ -640,8 +642,8 @@ export default {
   padding-top: 3px;
 
   .search {
-    background-color: #d6d6d6;
-    padding: 15px;
+    background-color: #FFFFFF;
+    padding: 40px 40px 30px;
 
     .formClass {
       .el-checkbox-group {
@@ -652,7 +654,7 @@ export default {
 
           .el-checkbox__label {
             font-size: 15px !important;
-            color: black !important;
+            color: black;
           }
         }
 
@@ -661,14 +663,14 @@ export default {
 
           .el-radio__label {
             font-size: 15px !important;
-            color: black !important;
+            color: black;
           }
         }
       }
 
       .option-buttons {
         display: flex;
-        justify-content: end;
+        justify-content: space-between;
         align-items: center;
 
         .el-form-item--small {
@@ -770,3 +772,34 @@ export default {
 
 }
 </style>
+<style lang="scss">
+.PolicySubscription-module{
+  .search{
+    .el-form-item__label, .el-form-item__content{
+      font-size: 15px;
+      font-weight: 400;
+      color: #333333;
+    }
+    .formClass{
+      .el-checkbox-group{
+        .el-checkbox.is-checked,.el-radio.is-checked {
+          .el-checkbox__label, .el-radio__label {
+            color: #1A78E5;
+          }
+          .el-checkbox__inner, .el-radio__inner {
+            background-color: #1A78E5;
+            border-color: #1A78E5;
+          }
+        }
+      }
+    }
+    .option-buttons {
+      .el-button{
+        width: 132px;
+        height: 36px;
+        border-radius: 6px 6px 6px 6px;
+      }
+    }
+  }
+}
+</style>