This commit is contained in:
ThatOneCalculator 2022-11-21 21:27:39 -08:00
parent 3f2967453c
commit b87f2b98e5
2 changed files with 9 additions and 8 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "calckey", "name": "calckey",
"version": "12.119.0-calc.16.12", "version": "12.119.0-calc.16.13",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

View File

@ -5,7 +5,7 @@
<transition :name="$store.state.animation ? 'fade' : ''" mode="out-in"> <transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
<div v-if="page" :key="page.id" v-size="{ max: [450] }" class="xcukqgmh"> <div v-if="page" :key="page.id" v-size="{ max: [450] }" class="xcukqgmh">
<div class="footer"> <div class="footer">
<div><i class="ph-alarm-bold"/>{{ i18n.ts.createdAt }}: <MkTime :time="page.createdAt" mode="detail"/></div> <div><i class="ph-alarm-bold"/> {{ i18n.ts.createdAt }}: <MkTime :time="page.createdAt" mode="detail"/></div>
<div v-if="page.createdAt != page.updatedAt"><i class="ph-alarm-bold"></i> {{ i18n.ts.updatedAt }}: <MkTime :time="page.updatedAt" mode="detail"/></div> <div v-if="page.createdAt != page.updatedAt"><i class="ph-alarm-bold"></i> {{ i18n.ts.updatedAt }}: <MkTime :time="page.updatedAt" mode="detail"/></div>
</div> </div>
<div class="_block main"> <div class="_block main">
@ -87,9 +87,8 @@ const props = defineProps<{
username: string; username: string;
}>(); }>();
let bgImg = 'linear-gradient(to bottom right, #31748f, #9ccfd8)';
let page = $ref(null); let page = $ref(null);
let bgImg = $ref(null);
let error = $ref(null); let error = $ref(null);
const otherPostsPagination = { const otherPostsPagination = {
endpoint: 'users/pages' as const, endpoint: 'users/pages' as const,
@ -107,15 +106,18 @@ function fetchPage() {
username: props.username, username: props.username,
}).then(_page => { }).then(_page => {
page = _page; page = _page;
getBgImg(); bgImg = getBgImg();
}).catch(err => { }).catch(err => {
error = err; error = err;
}); });
} }
function getBgImg() { function getBgImg(): string {
if (page.eyeCatchingImage != null) { if (page.eyeCatchingImage != null) {
bgImg = `url(${page.eyeCatchingImage.url})`; return `url(${page.eyeCatchingImage.url})`;
}
else {
return 'linear-gradient(to bottom right, #31748f, #9ccfd8)'
} }
} }
@ -163,7 +165,6 @@ function pin(pin) {
} }
watch(() => path, fetchPage, { immediate: true }); watch(() => path, fetchPage, { immediate: true });
watch(() => bgImg, getBgImg, {});
const headerActions = $computed(() => []); const headerActions = $computed(() => []);