목록메뉴 (3)

깜놀하는 해므찌로

Ionic Angular 프로젝트 CSS Layout 최초 기본 셋팅 / ion-menu

1. ion-content 자체를 핸들링 하기보다 바로 아래 div 로 한 번 더 감싼 후 div 를 핸들링 하는 편을 추천드립니다. @import '@ionic/angular/css/core.css'; /* Basic CSS for apps built with Ionic */ @import '@ionic/angular/css/normalize.css'; @import '@ionic/angular/css/structure.css'; @import '@ionic/angular/css/typography.css'; @import '@ionic/angular/css/display.css'; /* Optional CSS utils that can be commented out */ @import '@ionic/..
IT 2023. 6. 16. 15:52
Angular route config 가져와서 사용하기 예시

import { Route } from '@angular/router'; import { LayoutPage } from './pages/layout/layout.page'; export const appRoutes: Route[] = [ { path: '', title: '테스트', component: LayoutPage, children: [ { path: '', title: '테스트 - 홈', data: { menu: false }, loadComponent: () => import('./pages/index/index.page').then((m) => m.IndexPage), }, { path: 'video', title: '테스트 - 영상', data: { menu: true, // true =..
IT 2023. 5. 22. 13:41
Angular route 메뉴 셋팅 예시

import { Route } from '@angular/router'; import { LayoutPage } from './pages/layout/layout.page'; export const appRoutes: Route[] = [ { path: '', title: '', component: LayoutPage, children: [ { path: '', title: ' - 홈', data: { menu: false }, loadComponent: () => import('./pages/index/index.page').then((m) => m.IndexPage), }, { path: 'video', title: ' - 영상', data: { menu: true, label: '영상', icon:..
IT 2023. 5. 18. 13:19
이전 Prev 1 Next 다음