fix:用户列表页按钮统一样式

src/components/formula/FormulaTable.vue

@@ -130,22 +130,6 @@ const deleteRecipe = (item: Formula.FormulaItem) => {
   width: 30vw;
 }
 
-.add-recipe-button {
-  background-color: #e6f7ff;
-  color: #1890ff;
-  border: none;
-  padding: 6px 12px;
-  border-radius: 3px;
-  cursor: pointer;
-  margin-bottom: 10px;
-  transition: all 0.3s;
-}
-
-.add-recipe-button:hover {
-  background-color: #1890ff;
-  color: white;
-}
-
 .recipe-list {
   list-style: none;
   padding: 0;

src/components/setting/User.vue

@@ -99,12 +99,12 @@ const handleSelectionChange = (users: User.UserItem[]) => {
         <el-table-column prop="detail" label="操作" width="250" align="center">
           <template #default="scoped">
             <div class="user-opera">
-              <el-link type="primary" @click="updatePwd(scoped.row)">
+              <el-button class="view-button" @click.stop="updatePwd(scoped.row)">
                 修改密码
-              </el-link>
-              <el-link type="primary" @click="onDelUser(scoped.row)">
+              </el-button>
+              <el-button class="delete-button" @click.stop="onDelUser(scoped.row)">
                 删 除
-              </el-link>
+              </el-button>
             </div>
           </template>
         </el-table-column>
@@ -135,7 +135,35 @@ const handleSelectionChange = (users: User.UserItem[]) => {
 }
 .user-opera{
   display: flex;
-  gap: 10px;
-  justify-content: center;
+  align-items: center;
+}
+.view-button, .delete-button {
+  border: none;
+  padding: 4px 8px;
+  border-radius: 3px;
+  cursor: pointer;
+  margin-right: 5px;
+  transition: all 0.3s;
+  font-family: serif;
+}
+
+.view-button {
+  background-color: #e6f0ff;
+  color: #1890ff;
+}
+
+.view-button:hover {
+  background-color: #1890ff;
+  color: white;
+}
+
+.delete-button {
+  background-color: #ffe6e6;
+  color: #ff4d4f;
+}
+
+.delete-button:hover {
+  background-color: #ff4d4f;
+  color: white;
 }
 </style>