vue实战案例4-基于组件的购物车案例

月小满

于 2021-02-07 20:23:40 发布

阅读量346

点赞数

分类专栏： vue实战文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_44110923/article/details/113746855

版权

在这里插入图片描述

<head>
    <style>
        #mycart{
     width: 600px; margin: 0 auto;}
        #mycart h2{
     text-align: center; height:56px; line-height: 56px; text-align: center;  background-color:mediumturquoise;}
        #mycart .item{
    display:flex; padding:20px 0; flex-direction:row; border-bottom: 2px solid mediumturquoise;}
        #mycart .item img{
     width: 110px;}
        #mycart .item .name{
     width: 200px; padding-left: 12px;}
        #mycart .item .change{
     width: 200px; padding-left: 20px;}
        #mycart .item .change a{
     display:inline-block; width: 26px; height: 26px; line-height: 26px; text-align:center; border:1px solid #e6e6e6; background-color: #f1f1f1; text-decoration:none;}
        #mycart .item .num{
     width: 60px; height: 30px;}
        #mycart .item .del{
     font-size:22px; cursor:pointer; color:red;}
        #mycart .total{
     height: 60px; background-color: orange; color: red;