misc: PageFront 동향 css(wip)
This commit is contained in:
+39
-22
@@ -182,28 +182,38 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="PublicRecord">
|
<div class="RecordZone row gx-0">
|
||||||
<div class="title">장수 동향</div>
|
<div class="PublicRecord col col-12 col-md-6">
|
||||||
<template v-for="[idx, rawText] of globalRecords.toArray()" :key="idx">
|
<div class="bg1 center s-border-tb title">장수 동향</div>
|
||||||
<!-- eslint-disable-next-line vue/no-v-html -->
|
<template v-for="[idx, rawText] of globalRecords.toArray()" :key="idx">
|
||||||
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
|
<!-- eslint-disable-next-line vue/no-v-html -->
|
||||||
</template>
|
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div class="GeneralLog col col-12 col-md-6">
|
||||||
|
<div class="bg1 center s-border-tb title">개인 기록</div>
|
||||||
|
<template v-for="[idx, rawText] of generalRecords.toArray()" :key="idx">
|
||||||
|
<!-- eslint-disable-next-line vue/no-v-html -->
|
||||||
|
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div class="WorldHistory col col-12">
|
||||||
|
<div class="bg1 center s-border-tb title">중원 정세</div>
|
||||||
|
<template v-for="[idx, rawText] of worldHistory.toArray()" :key="idx">
|
||||||
|
<!-- eslint-disable-next-line vue/no-v-html -->
|
||||||
|
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="GeneralLog">
|
|
||||||
<div class="title">개인 기록</div>
|
<div class="commonToolbar">
|
||||||
<template v-for="[idx, rawText] of generalRecords.toArray()" :key="idx">
|
<GlobalMenu
|
||||||
<!-- eslint-disable-next-line vue/no-v-html -->
|
v-if="globalMenu && globalInfo"
|
||||||
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
|
:globalInfo="globalInfo"
|
||||||
</template>
|
:modelValue="globalMenu"
|
||||||
|
variant="sammo-base2"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="WorldHistory">
|
|
||||||
<div class="title">중원 정세</div>
|
|
||||||
<template v-for="[idx, rawText] of worldHistory.toArray()" :key="idx">
|
|
||||||
<!-- eslint-disable-next-line vue/no-v-html -->
|
|
||||||
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
<div class="commonToolbar">툴바?</div>
|
|
||||||
<MessagePanel
|
<MessagePanel
|
||||||
v-if="generalInfo"
|
v-if="generalInfo"
|
||||||
:generalID="generalInfo.no"
|
:generalID="generalInfo.no"
|
||||||
@@ -472,7 +482,7 @@ const frontInfo = ref<GetFrontInfoResponse>();
|
|||||||
const globalInfo = ref<GetFrontInfoResponse["global"]>({} as GetFrontInfoResponse["global"]);
|
const globalInfo = ref<GetFrontInfoResponse["global"]>({} as GetFrontInfoResponse["global"]);
|
||||||
const generalInfo = ref<GetFrontInfoResponse["general"]>();
|
const generalInfo = ref<GetFrontInfoResponse["general"]>();
|
||||||
const nationStaticInfo = ref<NationStaticItem>();
|
const nationStaticInfo = ref<NationStaticItem>();
|
||||||
const nationInfo = ref<GetFrontInfoResponse['nation']>();
|
const nationInfo = ref<GetFrontInfoResponse["nation"]>();
|
||||||
const generalCnt = ref(new Map<number, number>());
|
const generalCnt = ref(new Map<number, number>());
|
||||||
const createdUserCnt = ref(0);
|
const createdUserCnt = ref(0);
|
||||||
const createdNPCCnt = ref(0);
|
const createdNPCCnt = ref(0);
|
||||||
@@ -590,6 +600,11 @@ watch(refreshCounter, async () => {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "@scss/common/break_500px.scss";
|
@import "@scss/common/break_500px.scss";
|
||||||
|
|
||||||
|
:deep(.hidden_but_copyable) {
|
||||||
|
color: rgba(0, 0, 0, 0);
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
#mobileBottomBar {
|
#mobileBottomBar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -618,7 +633,9 @@ watch(refreshCounter, async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.subVoteState, .subAuctionState, .subTournamentState {
|
.subVoteState,
|
||||||
|
.subAuctionState,
|
||||||
|
.subTournamentState {
|
||||||
a {
|
a {
|
||||||
text-decoration: gray underline;
|
text-decoration: gray underline;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user