angular 点菜_无人点餐无人收银系统基础案例

无人点餐无人收银系统基础案例

创建项目

创建一个含有路由的项目

ng new angularproject --skip-install

安装依赖

npm install

运行项目

ng serve --open

创建路由

创建home组件

ng g component components/home

创建商品组件

ng g component components/pcontent

重构项目

home.component.css

@charset "UTF-8";

.index_header{width:96%;margin:0 auto;height:4.4rem;background:#fff;margin-top:1rem;display:flex;border-radius:.5rem; }.index_header .hlist{flex:1;text-align:center;padding-top:.2rem;border-right:1px solid