- AdBanner 컴포넌트(애드핏 DAN-n0I5XRBOwAdSFbEX, 728x90), 유료 회원에겐 미표시 - 웹 안내 페이지 하단 배치 - 앱 셸 하단 내비 바로 위 고정 배치(본문 하단 여백 보정) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
<script setup>
|
||||
import AdBanner from '@/components/AdBanner.vue'
|
||||
// PC·모바일 웹에서 노출되는 안내 페이지. 실제 이용은 앱(모바일) 또는 PC 데스크톱 클라이언트에서.
|
||||
// PC 설치파일은 서버 /download/ 경로(영속 디렉터리)에서 서빙 — nginx 설정 참고.
|
||||
const PC_DOWNLOAD_URL = '/download/DonDwaeji-Setup.exe'
|
||||
@@ -38,6 +39,9 @@ const mobileReady = false
|
||||
<li><span class="f-icon">🎯</span><b>예산과 분석</b><span>예산 대비 지출·차트</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 하단 광고 (유료 회원 제외) -->
|
||||
<AdBanner class="web-ad" />
|
||||
</main>
|
||||
</template>
|
||||
|
||||
@@ -45,13 +49,18 @@ const mobileReady = false
|
||||
.web-only {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 1.75rem;
|
||||
padding: 1.5rem;
|
||||
background:
|
||||
radial-gradient(120% 120% at 50% 0%, hsla(160, 100%, 37%, 0.12), transparent 60%),
|
||||
var(--color-background);
|
||||
}
|
||||
.web-ad {
|
||||
margin-top: auto; /* 페이지 하단으로 */
|
||||
}
|
||||
.card {
|
||||
width: 100%;
|
||||
max-width: 420px;
|
||||
|
||||
Reference in New Issue
Block a user