{"css":"body,html{\n    padding: 0;\n    margin: 0;\n    font-size: 14px;\n    color: #000000;\n}\ntable{\n    border-collapse: collapse;\n    width: 100%;\n    table-layout: fixed;\n}\nthead{\n    background: #3d444c;\n    color: #ffffff;\n}\ntd,th{\n    border: 1px solid #e1e1e1;\n    padding: 0;\n    height: 30px;\n    line-height: 30px;\n    text-align: center;\n}","js":"        function add(items) {\n            const tbody = document.getElementsByTagName('tbody')[0];\n            let html = '';\n\n            for (let i = 0; i < items.length; i++) {\n                html += ''\n                + '<tr>'\n                +   `<td>${items[i].name}</td>`\n                +   `<td>${items[i].price.toFixed(2)}</td>`\n                +   '<td><a href=\"javascript:void(0);\">删除</a></td>'\n                + '</tr>';\n            }\n            tbody.innerHTML += html;\n            countPrice();\n        }\n\n        function bind() {\n            document.getElementById('jsTrolley').addEventListener('click', e => {\n                if (e.target.tagName.toLowerCase() === 'a') {\n                    e.target.parentElement.parentElement.remove();\n                    countPrice();\n                }\n            });\n        }\n\n        function countPrice() {\n            const content = document.getElementsByTagName('tfoot')[0].children[0].children[1];\n            const list = document.getElementsByTagName('tbody')[0].children;\n\n            let price = 0;\n            for (let i = 0; i < list.length; i++) {\n                price += +list[i].children[1].innerText;\n            }\n\n            content.innerText = `${price.toFixed(2)}(${list.length}件商品)`;\n        }","html":"<table id=\"jsTrolley\">\n    <thead><tr><th>名称</th><th>价格</th><th>操作</th></tr></thead>\n    <tbody>\n        <tr><td>产品1</td><td>10.00</td><td><a href=\"javascript:void(0);\">删除</a></td></tr>\n        <tr><td>产品2</td><td>30.20</td><td><a href=\"javascript:void(0);\">删除</a></td></tr>\n        <tr><td>产品3</td><td>20.50</td><td><a href=\"javascript:void(0);\">删除</a></td></tr>\n    </tbody>\n    <tfoot><tr><th>总计</th><td colspan=\"2\">60.70(3件商品)</td></tr></tfoot>\n</table>","libs":[]}