优化样式

Author: Jerry

backend/handler/memo.go

@@ -216,6 +216,17 @@ func (m MemoHandler) RemoveMemo(c echo.Context) error {
 	if m.base.db.Delete(&memo).RowsAffected != 1 {
 		return FailRespWithMsg(c, Fail, "删除失败")
 	}
+
+	if memo.Imgs != "" {
+		imgs := strings.Split(memo.Imgs, ",")
+		for _, img := range imgs {
+			if !strings.HasPrefix(img, "/upload/") {
+				return SuccessResp(c, h{})
+			}
+			img := strings.ReplaceAll(img, "/upload/", "")
+			_ = os.Remove(filepath.Join(m.base.cfg.UploadDir, img))
+		}
+	}
 	return SuccessResp(c, h{})
 }
 

front/components/DoubanEdit.vue

@@ -1,6 +1,6 @@
 <template>
   <UPopover :ui="{base:'w-[300px]'}" :popper="{ arrow: true }" mode="click">
-    <svg class="focus:outline-0 cursor-pointer w-[18px] h-[18px]" xmlns="http://www.w3.org/2000/svg"
+    <svg class="focus:outline-0 cursor-pointer w-10 h-10 sm:w-6 sm:h-6" xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24" fill="currentColor" data-state="closed">
       <path
           d="M15.2735 15H5V7H19V15H17.3764L16.0767 19H21V21H3V19H7.6123L6.8 16.5L8.70211 15.882L9.71522 19H13.9738L15.2735 15ZM3.5 3H20.5V5H3.5V3ZM7 9V13H17V9H7Z"

front/components/ExternalUrl.vue

@@ -1,6 +1,6 @@
 <template>
   <UPopover :popper="{ arrow: true }" mode="click">
-    <UIcon name="i-carbon-link"/>
+    <UIcon name="i-carbon-link" class="w-10 h-10 sm:w-6 sm:h-6"/>
     <template #panel="{close}">
       <div class="p-4 flex flex-col gap-2">
         <UInput v-model="url" placeholder="请输入分享的链接"/>

front/components/ExternalUrlPreview.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="props.url"
-       class="flex flex-row gap-2 my-2 bg-[#f7f7f7] dark:bg-[#212121] items-center p-2 border rounded"
+       class="flex flex-row gap-2 my-2 bg-[#f7f7f7] dark:bg-[#212121] items-center dark:border-gray-700/50 p-2 border rounded"
   >
     <img class="w-8 h-8" :src="props.favicon" alt=""><a
       :href="props.url" target="_blank" class="text-[#576b95]">{{ props.title }}</a>

front/components/MemoEdit.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="px-4 space-y-2">
-    <div class="flex gap-2 text-lg text-gray-600">
+    <div class="flex gap-2 text-lg text-gray-600 pt-4 ">
       <ExternalUrl v-model:favicon="state.externalFavicon" v-model:title="state.externalTitle"
                    v-model:url="state.externalUrl"/>
 

front/components/Music.vue

@@ -1,6 +1,6 @@
 <template>
   <UPopover :ui="{base:'w-[350px] min-h-[350px]'}" :popper="{ arrow: true }" mode="click">
-    <UIcon name="i-carbon-music" class="cursor-pointer"/>
+    <UIcon name="i-carbon-music" class="cursor-pointer w-10 h-10 sm:w-6 sm:h-6"/>
     <template #panel="{close}">
       <div class="p-4 flex flex-col gap-2 max-h-[400px] overflow-auto">
         <div class="text-xs text-gray-400">嵌入在线音乐</div>

front/components/UploadImage.vue

@@ -1,6 +1,6 @@
 <template>
   <UPopover :popper="{ arrow: true }" mode="click">
-    <UIcon name="i-carbon-image" class="cursor-pointer"/>
+    <UIcon name="i-carbon-image" class="cursor-pointer w-10 h-10 sm:w-6 sm:h-6"/>
     <template #panel="{close}">
       <div class="p-4 flex flex-col gap-2">
         <div class="text-xs text-gray-400">本地上传</div>

front/components/UploadImagePreview.vue

@@ -47,9 +47,9 @@ watch(images, () => {
 // })
 
 const removeImage = async (img: string) => {
-  // await useMyFetch('/memo/removeImage',{
-  //   img
-  // })
+  await useMyFetch('/memo/removeImage',{
+    img
+  })
   emit('removeImage', img)
 }
 

front/components/UploadVideo.vue

@@ -1,6 +1,6 @@
 <template>
   <UPopover :ui="{base:'w-[300px]'}" :popper="{ arrow: true }" mode="click">
-    <UIcon name="i-carbon-video-player" class="cursor-pointer"/>
+    <UIcon name="i-carbon-video-player" class="cursor-pointer w-10 h-10 sm:w-6 sm:h-6"/>
     <template #panel="{close}">
       <div class="p-4 flex flex-col gap-2">
         <div class="text-xs text-gray-400">嵌入b站视频</div>

front/package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev",
+    "dev": "nuxt dev --host 0.0.0.0",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare"