mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
🎨 微调
This commit is contained in:
@@ -24,6 +24,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import showLoading from "@comp/func/loading.js";
|
import showLoading from "@comp/func/loading.js";
|
||||||
|
import { storeToRefs } from "pinia";
|
||||||
import { computed, onMounted, onUnmounted, ref, watch } from "vue";
|
import { computed, onMounted, onUnmounted, ref, watch } from "vue";
|
||||||
|
|
||||||
import VpOverlayImage from "./vp-overlay-image.vue";
|
import VpOverlayImage from "./vp-overlay-image.vue";
|
||||||
@@ -45,9 +46,12 @@ export type TpImage = {
|
|||||||
type TpImageProps = { data: TpImage };
|
type TpImageProps = { data: TpImage };
|
||||||
|
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
|
const { imageQualityPercent } = storeToRefs(appStore);
|
||||||
const props = defineProps<TpImageProps>();
|
const props = defineProps<TpImageProps>();
|
||||||
const showOverlay = ref<boolean>(false);
|
const showOverlay = ref<boolean>(false);
|
||||||
const showOri = ref<boolean>(props.data.insert.image.endsWith(".gif"));
|
const showOri = ref<boolean>(
|
||||||
|
props.data.insert.image.endsWith(".gif") || imageQualityPercent.value === 100,
|
||||||
|
);
|
||||||
const localUrl = ref<string>();
|
const localUrl = ref<string>();
|
||||||
|
|
||||||
const imgWidth = computed<string>(() => {
|
const imgWidth = computed<string>(() => {
|
||||||
|
|||||||
Reference in New Issue
Block a user