购物车页面 order-header组件笔记

购物车页面 order-header组件笔记

在这里插入图片描述
一.复用小米logo:
我们之前在首页已经编写好了logo的样式,但是没有考虑复用,我们在这里进行改进,使之可以复用
1》把首页hear-logo这个盒子以及里面的小盒子复制到购物车页面的相应位置
2》把hear-logo的样式剪切到base.scss中
在这里插入图片描述
3》只要引用.header-logo这个类的盒子,都会成功引入logo

二.购物车的order-header组件,之后的支付和订单页面也会复用,只是|我的购物车|和|温馨提示。。。。|这两部分内容不同,我们需要动态传值

1》我的购物车部分:
利用父----》子传值:
cart.vue
在这里插入图片描述

这地方title不需要 “:“

因为这地方不是动态的,在购物车的页面上,一直保持我的购物车

OrderHeader.vue

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值