直播平台源代码，实现一个简单的带tabs选项卡切换的首页导航功能

直播平台源代码，实现一个简单的带tabs选项卡切换的首页导航功能

 package.json:

 

1

<br>{<br>  "name": "angular-router",<br>  "version": "0.0.0",<br>  "scripts": {<br>    "ng": "ng",<br>    "start": "ng serve",<br>    "build": "ng build",<br>    "watch": "ng build --watch --configuration development",<br>    "test": "ng test"<br>  },<br>  "private": true,<br>  "dependencies": {<br>    "@angular/animations": "^16.1.0",<br>    "@angular/common": "^16.1.0",<br>    "@angular/compiler": "^16.1.0",<br>    "@angular/core": "^16.1.0",<br>    "@angular/forms": "^16.1.0",<br>    "@angular/platform-browser": "^16.1.0",<br>    "@angular/platform-browser-dynamic": "^16.1.0",<br>    "@angular/router": "^16.1.0",<br>    "rxjs": "~7.8.0",<br>    "tslib": "^2.3.0",<br>    "zone.js": "~0.13.0"<br>  },<br>  "devDependencies": {<br>    "@angular-devkit/build-angular": "^16.1.1",<br>    "@angular/cli": "~16.1.1",<br>    "@angular/compiler-cli": "^16.1.0",<br>    "@types/jasmine": "~4.3.0",<br>    "jasmine-core": "~4.6.0",<br>    "karma": "~6.4.0",<br>    "karma-chrome-launcher": "~3.2.0",<br>    "karma-coverage": "~2.2.0",<br>    "karma-jasmine": "~5.1.0",<br>    "karma-jasmine-html-reporter": "~2.1.0",<br>    "typescript": "~5.1.3"<br>  }<br>}<br>tsconfig.app.json:<br>/* To learn more about this file see: https://angular.io/config/tsconfig. */<br>{<br>  "extends": "./tsconfig.json",<br>  "compilerOptions": {<br>    "outDir": "./out-tsc/app",<br>    "types": []<br>  },<br>  "files": [<br>    "src/main.ts"<br>  ],<br>  "include": [<br>    "src/**/*.d.ts"<br>  ]<br>}<br>tsconfig.json:<br>/* To learn more about this file see: https://angular.io/config/tsconfig. */<br>{<br>  "compileOnSave": false,<br>  "compilerOptions": {<br>    "baseUrl": "./",<br>    "outDir": "./dist/out-tsc",<br>    "forceConsistentCasingInFileNames": true,<br>    "strict": true,<br>    "noImplicitOverride": true,<br>    "noPropertyAccessFromIndexSignature": true,<br>    "noImplicitReturns": true,<br>    "noFallthroughCasesInSwitch": true,<br>    "sourceMap": true,<br>    "declaration": false,<br>    "downlevelIteration": true,<br>    "experimentalDecorators": true,<br>    "moduleResolution": "node",<br>    "importHelpers": true,<br>    "target": "ES2022",<br>    "module": "ES2022",<br>    "useDefineForClassFields": false,<br>    "lib": [<br>      "ES2022",<br>      "dom"<br>    ]<br>  },<br>  "angularCompilerOptions": {<br>    "enableI18nLegacyMessageIdFormat": false,<br>    "strictInjectionParameters": true,<br>    "strictInputAccessModifiers": true,<br>    "strictTemplates": true<br>  }<br>}

​

styles.scss全局样式表清除部分默认样式

 

1	<br>/* You can add global styles to this file, and also import other style files */<br>*{<br>    margin: 0;<br>    padding: 0;<br>    border: 0;<br>}

 

 以上就是 直播平台源代码，实现一个简单的带tabs选项卡切换的首页导航功能，更多内容欢迎关注之后的文章