feat: save

src/view/case/photos/index.vue

@@ -39,13 +39,13 @@
         <el-button @click="handleLine">标引</el-button>
         <el-button @click="handleSymbol">符号</el-button>
         <el-button @click="handleText">文本</el-button>
-        <el-button @click="handleSave" type="success">保存</el-button>
-        <el-button @click="handleExport" type="success">导出</el-button>
+        <el-button @click="handleSave" class="save">保存</el-button>
+        <el-button @click="handleExport" class="opt">导出</el-button>
 
-        <el-button @click="handleClear" v-if="hasDrawData" type="warning"
+        <el-button @click="handleClear" v-if="hasDrawData" class="opt"
           >清空</el-button
         >
-        <el-button @click="handleFree" v-if="isShowExitEdit" type="warning"
+        <el-button @click="handleFree" v-if="isShowExitEdit" class="opt"
           >退出编辑</el-button
         >
       </div>
@@ -487,4 +487,23 @@ onMounted(() => {
 :global(.body-layer) {
   padding-right: 0 !important;
 }
+.save {
+  background-color: #24569e;
+  color: white;
+  &:hover {
+    background-color: #14396c;
+    color: white;
+    border-color: #14396c;
+  }
+}
+.opt {
+  background-color: #deeafe;
+  color: #24569e;
+  border: #24569e 1px solid;
+  &:hover {
+    background-color: #bdcce6;
+    color: #14396c;
+    border-color: #14396c;
+  }
+}
 </style>