ionic5学习-------制作一个简单的登录界面

ionic5学习------制作一个简单的登陆界面

一. 基本

1.创建底部菜单形式： ionic start 项目名 tabs
2.创建空项目： ionic start 项目名 blank
3.创建列表形式： ionic start 项目名 sidemenu

二. 创建一个home页面

1.创建一个新的page： ng generate page 文件名

2.在app.components添加头依赖：
Import {Router} from '@angular/router'

在下方constuctor中添加 private router：Router`

constructor(
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    private router: Router
  )

`

在initializeApp() 添加this.router.navigateByUrl(‘zhehome’);，我加的页面叫zhehome

 initializeApp() {
   
    this.platform.ready().then(() => {
   
      this.statusBar.styleDefault();
      this.router.navigateByUrl('thehome');
      this.splashScreen.hide();
    }

3.在css文件中添加背景
i

on-content{
   
    --background: url(../../assets/qiaoben1.jpg)</