Skip to content

G
gpt-vue_01

qq_38003707 / gpt-vue_01
与 Fork 源项目一致

Fork自 inscode / ChatGPT Template With Vue

通知 1
Star 0
Fork 0
G
gpt-vue_01
提交 241b60a8 编写于 作者: 6 62b3ee6cfe923b14c7ccd530
浏览文件
操作

Auto Commit

上级 7c1aa84d
隐藏空白更改
内联 并排
Showing with 60 addition and 0 deletion
index.html
浏览文件 @ 241b60a8
<!DOCTYPE html> <!DOCTYPE html>
<html>
<head>
<title>购物车示例</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>购物车示例</h1>
<div class="cart-container">
<h2>购物车</h2>
<table>
<thead>
<tr>
<th>商品</th>
<th>数量</th>
<th>单价</th>
<th>总价</th>
</tr>
</thead>
<tbody id="cart-items">
<tr>
<td>iPhone XR</td>
<td>1</td>
<td>$749.00</td>
<td>$749.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">总价:</td>
<td id="total-price">$749.00</td>
</tr>
</tfoot>
</table>
<button onclick="checkout()">结账</button>
</div>
<div class="checkout-container" style="display: none;">
<h2>结账</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br>
<label for="address">地址:</label>
<input type="text" id="address" name="address"><br>
<label for="credit-card">信用卡:</label>
<input type="text" id="credit-card" name="credit-card"><br>
<button type="submit" onclick="placeOrder()">确认订单</button>
</form>
</div>
<script src="script.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或