2-3 【初识组件】顶部 TabBar
2024-08-20 17:33:27
VsCode中使用Emmet神器快速编写HTML代码
1
根组件下面包含了很多的子组件
组件就是控制屏幕的某一个部分,某一个区域
组件是可以相互包含的
组件是定义在类里面的,类里面有属性和方法
注解会标记一个class是component
模板决定了组件长得什么样子
style是风格什么样子
开始做顶部的tabBar
把原来的代码都删除掉
emmet
emmet的语法:
https://docs.emmet.io/
先写上这三个
写css:
这样就横过来显示,不是竖着显示了
上下为0 左右为5px
四个是上右下左,是对称的,所以可以写成 0 5 这种形式
这样之间就有了间隔
把文字下面的斜划线去掉
左右和上面都没有贴合
还是没有很好的贴合的,主要是由于它外部产生的
在最外层的styles.css内去写css代码。这个是全局的
现在就全完的贴合了
ngFor
使用ngFor循环的形式
这就要求tabs是一个数组
在ts内定义属性,这是个数组
ngFor循环出来的菜单
ngFor是一个指令
回顾
组件就是控制屏幕的某块区域的视图
class通过属性和方法与视图交互
html的内容可以这么写,这是内联的写法
ant design的例子都是内联的写法
https://ng.ant.design/components/grid/zh
通过chrome的插件Augury看组件Tree
这里可以查看依赖注入的顺序
最新文章
- erlang 虚机crash
- 安装Virtual Box增强功能 - Ubuntu
- HDU 2955 Robberies --01背包变形
- boost库(条件变量)
- 【BZOJ】【1911】【APIO2010】特别行动队commando
- BZOJ2199: [Usaco2011 Jan]奶牛议会
- Android 性能优化——内存篇
- APK自我保护方法
- java 完全二叉树的构建与四种遍历方法
- Codeforces Round #534 (Div. 1)
- 第32章 事件 - Identity Server 4 中文文档(v1.0.0)
- Java 基础类型 默认值
- java虚拟机内存不足,“Could not create the Java Virtual Machine”问题解决方案
- 学习Struts--Chap03:struts.xml常用配置(基础)
- Linux基础命令---cancel取消打印任务
- SSM商城项目(十)
- 自动化批量管理工具salt-ssh - 运维小结
- mariaDB中文乱码
- python 关于GUI的思考(转)
- HADOOP操作权限问题
热门文章
- JAVA设计模式之工厂模式—Factory Pattern
- UVA-439, Knight Moves(深度优先搜索)
- C.Minimum Array(二分+set)
- php的希尔排序
- 界面交互~Toast和模态对话框
- C#模拟鼠标、键盘操作
- python内置模块笔记(持续更新)
- HTTP Status 500 - DateConverter does not support default String to 'Date' conversion.错误
- sdcf day1 qwq比赛题解
- SpringBoot中Example的动态条件查询