统一交互组件 (#7)

Reviewed-on: #7

src/components/cloud/CloudEditModal.vue

@@ -123,7 +123,9 @@ watch(() => props.initialValue, value => {
           </div>
           <button
             type="button"
-            class="p-2 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-700"
+            class="oc-icon-button"
+            aria-label="关闭编辑窗口"
+            title="关闭编辑窗口"
             @click="close"
           >
             ✕
@@ -191,7 +193,7 @@ watch(() => props.initialValue, value => {
                 <button
                   v-if="hasCoordinates"
                   type="button"
-                  class="text-xs font-medium text-slate-400 transition-colors hover:text-slate-700"
+                  class="oc-text-button oc-text-button--muted text-xs"
                   @click="clearCoordinates"
                 >
                   清空
@@ -216,7 +218,7 @@ watch(() => props.initialValue, value => {
                 />
                 <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="mapPickerOpen = true"