1

src/assets/styles/buttonType.scss

@@ -0,0 +1,20 @@
+.el-button--yellow.is-active,
+.el-button--cyan:active {
+  background: #f1d78c;
+  border-color: #f1d78c;
+  color: #000000;
+}
+
+.el-button--yellow:focus,
+.el-button--yellow:hover {
+  background: #f1d78c;
+  border-color: #f1d78c;
+  color: #000000;
+  outline: none;
+}
+
+.el-button--yellow {
+  background-color: #f1d78c;
+  border-color: #f1d78c;
+  color: #000000;
+}

src/assets/styles/index.scss

@@ -4,6 +4,7 @@
 @import "./element-ui.scss";
 @import "./sidebar.scss";
 @import "./btn.scss";
+@import "./buttonType.scss";
 
 body {
   height: 100%;
@@ -189,4 +190,4 @@ aside {
     vertical-align: middle;
     margin-bottom: 10px;
   }
-}
+}

src/views/dataCloudMap/index.vue

@@ -2,6 +2,7 @@
   <div>
     <el-button type="primary" icon="icon-jc-xihuan">搜索</el-button>
     <el-button type="primary" icon="el-icon-search">搜索</el-button>
+    <el-button type="yellow" icon="el-icon-search">搜索</el-button>
   </div>
 </template>