From 3a8f1a2fa3522604c141c1b391c6d91cc12668bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Sun, 18 Aug 2024 12:19:38 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E4=BC=98=E5=8C=96=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/post/tp-image.vue | 28 +++-------------------------
 1 file changed, 3 insertions(+), 25 deletions(-)

diff --git a/src/components/post/tp-image.vue b/src/components/post/tp-image.vue
index 171d8c70..01b517a9 100644
--- a/src/components/post/tp-image.vue
+++ b/src/components/post/tp-image.vue
@@ -1,18 +1,11 @@
 <template>
   <div class="tp-image-box" @click="showOverlay = true">
-    <div :style="{ width: getWidth }">
-      <img
-        :style="getImageStyle()"
-        :src="localUrl"
-        :alt="props.data.insert.image"
-        :title="getImageTitle()"
-      />
-    </div>
+    <img :src="localUrl" :alt="props.data.insert.image" :title="getImageTitle()" />
   </div>
   <TpoImage :image="props.data" v-model="showOverlay" />
 </template>
 <script lang="ts" setup>
-import { StyleValue, ref, onMounted, onUnmounted, computed } from "vue";
+import { ref, onMounted, onUnmounted } from "vue";
 
 import { saveImgLocal } from "../../utils/TGShare.js";
 import { bytesToSize } from "../../utils/toolFunc.js";
@@ -47,26 +40,10 @@ onMounted(async () => {
   localUrl.value = await saveImgLocal(link);
 });
 
-const getWidth = computed(() => {
-  if (props.data.attributes == undefined) return "auto";
-  return `${props.data.attributes.width}px`;
-});
-
 onUnmounted(() => {
   if (localUrl.value) URL.revokeObjectURL(localUrl.value);
 });
 
-function getImageStyle(): StyleValue {
-  let style: StyleValue = <Array<StyleValue>>[];
-  style.push("cursor: pointer");
-  if (props.data.attributes == undefined) return style;
-  if (props.data.attributes.width < 800) {
-    const widthFullRule: StyleValue = "width: 100%";
-    style.push(widthFullRule);
-  }
-  return style;
-}
-
 function getImageTitle(): string {
   if (props.data.attributes == undefined) return "";
   const res: string[] = [];
@@ -101,5 +78,6 @@ function getImageUrl(): string {
   max-width: 100%;
   height: auto;
   border-radius: 10px;
+  cursor: pointer;
 }
 </style>