Vue.js学习第四天——购物车案例

bagBean

于 2020-02-09 21:51:06 发布

阅读量468

点赞数 1

文章标签： vue javascript 前端

本文链接：https://blog.csdn.net/qq_43709292/article/details/104240962

版权

Vue.js学习第四天——购物车案例

实现的大致效果如下图：在这里插入图片描述
代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>

<body>
    <div id="container">
        <table class="table table-striped table-hover" align="center" id="box">
            <tr>
                <th></th>
                <th>书籍名称</th>
                <th>出版日期</th>
                <th>价格</th>
                <th>购买数量</th>
                <th>操作

最低0.47元/天解锁文章

bagBean

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Vue.js学习第四天——购物车案例

Vue.js学习第四天——购物车案例实现的大致效果如下图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...
复制链接

扫一扫