无人点餐无人收银系统基础案例
创建项目
创建一个含有路由的项目
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