1

src/App.vue

@@ -132,6 +132,18 @@ input[type="number"] {
   position: relative;
   top: 3px;
 }
+.btn-primary {
+  background-color: #14928a;
+  border-color: #14928a;
+  color: #fff;
+  margin-bottom: 20px;
+  min-width: 100px;
+  &:focus, &:hover {
+    background-color: #0e726c;
+    border-color: #0e726c;
+    color: #fff;
+  }
+}
 // 公用的搜索组件
 .searchWrap {
   display: flex;

src/views/businessManager/shopManager/shopList.vue

@@ -4,11 +4,7 @@
       <div class="squrt"></div>商品列表
     </h2>
     <div class="m-core">
-      <div @click="onShopOperation('create')"
-           v-permission="'/shopOperation'"
-           class='newBand'>添加</div>
-
-      <el-button class="btn-primary">添加</el-button>
+      <el-button class="btn-primary" @click="onShopOperation('create')" v-permission="'/shopOperation'">添加</el-button>
       <el-button class="btn-primary">主要按钮</el-button>
       <el-button class="btn-primary">主要按钮</el-button>
       <!-- 搜索类型 -->
@@ -248,10 +244,4 @@ export default {
   max-height: 70px;
   overflow: hidden;
 }
-
-.btn-primary {
-  background-color: #14928a; 
-  border-color: #14928a; 
-  color: #fff;
-}
 </style>