统一交互组件 (#7)

Reviewed-on: #7

src/components/cloud/QuickUploadModal.vue

@@ -207,7 +207,7 @@ onBeforeUnmount(() => {
           </div>
           <button
             type="button"
-            class="quick-upload-close flex h-9 w-9 items-center justify-center border border-slate-200 bg-slate-50 text-slate-500 transition-colors hover:bg-slate-100 hover:text-slate-800"
+            class="quick-upload-close oc-icon-button"
             aria-label="关闭快捷上传"
             title="关闭快捷上传"
             @click="close"
@@ -252,8 +252,8 @@ onBeforeUnmount(() => {
                   <img :src="activeItem.preview" alt="图片预览" class="h-56 w-full object-contain" />
                 </div>
                 <div class="mt-3 flex items-center justify-between gap-2">
-                  <button type="button" class="text-sm font-medium text-sky-700 hover:text-sky-900" @click="fileInput?.click()">重新选择</button>
-                  <button type="button" class="text-sm font-medium text-rose-600 hover:text-rose-800" @click="handleRemove(activeItem.id)">移除</button>
+                  <button type="button" class="oc-text-button text-sm" @click="fileInput?.click()">重新选择</button>
+                  <button type="button" class="oc-text-button oc-text-button--danger text-sm" @click="handleRemove(activeItem.id)">移除</button>
                 </div>
               </div>
 
@@ -320,7 +320,7 @@ onBeforeUnmount(() => {
                     </div>
                     <button
                       type="button"
-                      class="flex h-10 w-10 items-center justify-center border border-sky-200 bg-sky-50 text-sky-700 transition-colors hover:bg-sky-100"
+                      class="oc-icon-button oc-icon-button--sky"
                       title="地图选点"
                       aria-label="地图选点"
                       @click="openMapPicker"