diff --git a/src/App.tsx b/src/App.tsx index 0e6b5f9..f085d62 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,4 +1,6 @@ - +import Header from './components/Header' +import MainContent from './components/MainContent' +import Footer from './components/Footer' function App() { @@ -6,9 +8,27 @@ function App() { return ( <> -

Test

+
+ +
+
+
+ + +
+ +
+ + +
- ) + ); } export default App + + + diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx new file mode 100644 index 0000000..39eb9f6 --- /dev/null +++ b/src/components/Footer.tsx @@ -0,0 +1,11 @@ + +function Header() { + return ( +
+

footer

+
+ ); +} + +export default Header; + diff --git a/src/components/Header.tsx b/src/components/Header.tsx new file mode 100644 index 0000000..50d89c9 --- /dev/null +++ b/src/components/Header.tsx @@ -0,0 +1,13 @@ + + +function Header() { + return ( +
+

Вмеда

+ +
+ ); +} + +export default Header; + diff --git a/src/components/MainContent.tsx b/src/components/MainContent.tsx new file mode 100644 index 0000000..58315ea --- /dev/null +++ b/src/components/MainContent.tsx @@ -0,0 +1,12 @@ + + +function Header() { + return ( +
+

main content

+
+ ); +} + +export default Header; + diff --git a/src/main.tsx b/src/main.tsx index 337747e..9dae223 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -8,6 +8,7 @@ import App from './App.tsx' + // Импортируем IonApp import { IonApp, IonContent, IonPage } from '@ionic/react' @@ -17,11 +18,10 @@ createRoot(document.getElementById('root')!).render( - - - + + + - , )