2019-05-15
2019-05-15 本文已影响0人
6d53ad74c548
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<style>
#app{
width: 1000px;
border: 1px solid gray;
margin: 0 auto;
}
#items{
text-align: center;
}
#items li{
display: inline-block;
width: 300px;
background-color: lightblue;
margin: 2px;
}
#items li:hover{
background-color: lightcoral;
}
#carts{
width: 400px;
position: absolute;
right: 0;
bottom: 0;
}
#carts table{
width: 100%;
border: 2px solid gray;
border-collapse: collapse;
}
#carts th,#carts td{
border: 1px solid gray;
}
</style>
</head>
<body>
<div id="app">
<div id="items">
