/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/vue/test/base/src/views/nested/Folder.vue
71 строка
1 KB
Brandy Smith
test(vue): improve test app (#30610)
08 авг 2025, 20:37
Не верифицирован
08 авг 2025, 20:37
2229c24
Код
Авторство
О чём код?
<template> <ion-page data-pageid="folder"> <ion-header :translucent="true"> <ion-toolbar> <ion-buttons slot="start"> <ion-menu-button></ion-menu-button> </ion-buttons> <ion-title>{{ $props.id }}</ion-title> </ion-toolbar> </ion-header> <ion-content :fullscreen="true"> <ion-header collapse="condense"> <ion-toolbar> <ion-title size="large">{{ $props.id }}</ion-title> </ion-toolbar> </ion-header> <div id="container"> <strong class="capitalize">{{ $props.id }}</strong> <p>Explore <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p> </div> </ion-content> </ion-page> </template> <script lang="ts"> import { IonButtons, IonContent, IonHeader, IonMenuButton, IonPage, IonTitle, IonToolbar } from '@ionic/vue'; export default { components: { IonButtons, IonContent, IonHeader, IonMenuButton, IonPage, IonTitle, IonToolbar, }, props: { id: { type: String, default: 'Inbox' } } } </script> <style scoped> #container { text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); } #container strong { font-size: 20px; line-height: 26px; } #container p { font-size: 16px; line-height: 22px; color: #8c8c8c; margin: 0; } #container a { text-decoration: none; } </style>