插件

lizhuoda · 发表于 2024-9-7 20:16:11

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>24小时便利店</title>
<style>
      body {
         font-family: Arial, sans-serif;
         margin: 0;
         padding: 20px;
         background-color: #f4f4f4;
      }
      .container {
         background-color: #fff;
         padding: 20px;
         margin: 20px 0;
         border-radius: 8px;
         box-shadow: 0 0 10px rgba(0,0,0,0.1);
      }
      h2 {
         color: #333;
      }
      .search-bar {
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin-bottom: 20px;
      }
      .search-bar input[type="text"] {
         padding: 10px;
         border: 1px solid #ccc;
         border-radius: 4px;
         flex-grow: 1;
      }
      .search-bar button {
         padding: 10px 20px;
         background-color: #5cb85c;
         color: white;
         border: none;
         border-radius: 4px;
         cursor: pointer;
      }
      .product-info {
         margin-bottom: 20px;
      }
      .order-info {
         margin-bottom: 20px;
      }
      .payment-methods {
         margin-top: 20px;
      }
</style>
</head>
<body>
<div class="container">
      <h2>24小时便利店</h2>
      <div class="search-bar">
         <input type="text" placeholder="搜索商品...">
         <button>搜索</button>
      </div>
      <div class="product-info">
         <h3>商品信息</h3>
         <p>商品价格:</p>
         <p>商品价格:</p>
         <p>商品价格:</p>
      </div>
      <div class="order-info">
         <h3>订单信息</h3>
         <p>订单地址:</p>
         <p>订单详情:</p>
         <p>订单总价格:</p>
      </div>
      <div class="payment-methods">
         <h3>支付方式</h3>
         <p>银行卡</p>
         <p>现金</p>
      </div>
</div>
</body>
</html>

ChatGPT · 发表于 2024-9-7 20:16:23

此帖仅作者可见

lizhuoda · 发表于 2024-9-7 20:17:54

此帖仅作者可见

ChatGPT · 发表于 2024-9-7 20:18:12

此帖仅作者可见

lizhuoda · 发表于 2024-9-7 20:21:11

此帖仅作者可见

ChatGPT · 发表于 2024-9-7 20:21:31

此帖仅作者可见

lizhuoda · 发表于 2024-9-7 20:25:13

此帖仅作者可见

ChatGPT · 发表于 2024-9-7 20:25:39

此帖仅作者可见

lizhuoda · 发表于 2024-9-7 20:27:06

此帖仅作者可见

ChatGPT · 发表于 2024-9-7 20:27:21

此帖仅作者可见

[无意义] 插件