demo.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <link rel="stylesheet" href="./demo.css">
  8. </head>
  9. <body>
  10. <div id="box">
  11. <!-- 头部 -->
  12. <div id="header">
  13. <div class="contain">
  14. <div class="login"></div>
  15. <div class="list"></div>
  16. </div>
  17. </div>
  18. <!-- 内容 -->
  19. <div id="main">
  20. <!-- 白色背景部分 -->
  21. <div class="shop-top">
  22. <!-- 第一部分 -->
  23. <div class="part-one">
  24. <div class="container">
  25. <div class="container-top">
  26. <!-- logo标签 -->
  27. <div class="logo">
  28. <img src="./images/logo.png" alt="">
  29. </div>
  30. <!-- 搜索框 -->
  31. <div class="search"></div>
  32. <!-- 购物车 -->
  33. <div class="car"></div>
  34. </div>
  35. <div class="container-bottom">
  36. </div>
  37. </div>
  38. </div>
  39. <!-- 第二部分 -->
  40. <div class="part-two">
  41. <!-- 蒙层列表 -->
  42. <div class="dialogList">1</div>
  43. </div>
  44. <!-- 第三部分 -->
  45. <div class="part-three">
  46. <!-- 商品列表1 -->
  47. <div class="list-one">
  48. <div class="list-top">
  49. </div>
  50. <div class="list-bottom">
  51. </div>
  52. </div>
  53. <!-- 商品列表2 -->
  54. <div class="list-two">
  55. <div class="list-top">
  56. </div>
  57. <div class="list-bottom">
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="shop-bottom">
  63. <!-- 第四部分 -->
  64. <div class="part-four">
  65. <div class="titleMain"></div>
  66. <div class="shopMain"></div>
  67. </div>
  68. <!-- 第五部分 -->
  69. <div class="part-five">
  70. <div class="titleMain"></div>
  71. <div class="shopMain"></div>
  72. </div>
  73. <!-- 第六部分 -->
  74. <div class="part-six">
  75. <div class="titleMain"></div>
  76. <div class="shopMain"></div>
  77. </div>
  78. <!-- 第七部分 -->
  79. <div class="part-seven">
  80. <img src="./images/LOGO-3.png" alt="">
  81. </div>
  82. </div>
  83. </div>
  84. <div id="footer"></div>
  85. </div>
  86. </body>
  87. </html>