Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-16 04:03:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 调整UI

Browse Source
This commit is contained in:
BTMuli
2025-09-18 23:38:50 +08:00
parent 59c1fc9621
commit b40db32697
2 changed files with 18 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/viewPost/tp-vod.vue
View File

@@ -25,8 +25,7 @@ import useAppStore from "@store/app.js";
import { getCurrentWindow } from "@tauri-apps/api/window";
import { getImageBuffer, saveCanvasImg, saveImgLocal } from "@utils/TGShare.js";
import { getVideoDuration } from "@utils/toolFunc.js";
import Artplayer from "artplayer";
import type { Option } from "artplayer/types/option.js";
import Artplayer, { type Option } from "artplayer";
import { onMounted, onUnmounted, ref, shallowRef, toRaw } from "vue";
type TpVod = {
@@ -126,26 +125,22 @@ onMounted(async () => {
onUnmounted(() => {
container.value?.destroy();
if (coverBuffer.value) {
coverBuffer.value = null;
}
if (coverUrl.value) {
URL.revokeObjectURL(coverUrl.value);
}
if (coverBuffer.value) coverBuffer.value = null;
if (coverUrl.value) URL.revokeObjectURL(coverUrl.value);
});
</script>
<style lang="css" scoped>
.tp-vod-box {
position: relative;
max-width: 100%;
margin: 10px auto;
margin: 8px auto;
aspect-ratio: v-bind(vodAspectRatio); /* stylelint-disable-line value-keyword-case */
}
.tp-vod-container {
overflow: hidden;
max-width: 100%;
border-radius: 10px;
border-radius: 8px;
aspect-ratio: v-bind(vodAspectRatio); /* stylelint-disable-line value-keyword-case */
}
@@ -159,7 +154,7 @@ onUnmounted(() => {
width: 100%;
align-items: center;
justify-content: center;
border-radius: 10px;
border-radius: 8px;
aspect-ratio: v-bind(vodAspectRatio); /* stylelint-disable-line value-keyword-case */
}
@@ -181,31 +176,31 @@ onUnmounted(() => {
.tp-vod-time {
position: absolute;
bottom: 10px;
left: 10px;
bottom: 8px;
left: 8px;
display: flex;
align-items: center;
padding: 2px 5px;
border-radius: 5px;
padding: 2px 4px;
border-radius: 4px;
background: #00000080;
color: var(--tgc-white-4);
font-family: var(--font-title);
font-size: 12px;
gap: 5px;
gap: 4px;
}
.tp-vod-view {
position: absolute;
top: 10px;
right: 10px;
top: 8px;
right: 8px;
display: flex;
align-items: center;
padding: 2px 5px;
border-radius: 5px;
padding: 2px 4px;
border-radius: 4px;
background: #00000080;
color: var(--tgc-white-4);
font-family: var(--font-title);
font-size: 12px;
gap: 5px;
gap: 4px;
}
</style>

3
src/utils/gachaCharts.ts
View File

@@ -1,7 +1,7 @@
/**
* @file utils/gachaCharts.ts
* @description 祈愿图表配置
* @since Beta v0.6.8
* @since Beta v0.8.2
*/
import TSUserGacha from "@Sqlm/userGacha.js";
@@ -236,6 +236,7 @@ async function getStackBarOptions(uid: string, gachaType?: string): Promise<ECha
xAxis,
yAxis: { type: "value" },
series,
grid: { left: "3%", right: "3%", bottom: "3%", top: "5%" },
};
}