devbox
凡人多烦事01
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

购物网站HTML（首页）_简单购物网站代码html

作者：凡人多烦事01 | 2024-05-23 09:05:33

赞

踩

简单购物网站代码html

HTML代码

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>首页</title>
  6. <script src="js/Untitled-4.js"></script>
  7. <link href="CSS/首页.css" rel="stylesheet" type="text/css">
  8. <link href="CSS/whole.css" rel="stylesheet" type="text/css">
  9. </head>
  10. <body>
  11. <!--header begin-->
  12. <div class="header">
  13. <div class="header_logo"> <img src="images/huawei_logo.png" /></div>
  14. <div class="header_text"> <a href= "HTML/登录.html">登录</a>|<a href="HTML/登录.html">注册</a> </div>
  15. </div>
  16. <!--header end-->
  17.  
  18. <!--nav begin-->
  19. <div class="nav">
  20. 	<ul class="nav_in">
  21. 		<li><a href="首页.html">首页</a></li>
  22.         <li><a href="HTML/华为专区.html">华为专区</a></li>
  23. 		<li><a href="HTML/鸿蒙智选.html">鸿蒙智联</a></li>
  24. 		<li><a href="HTML/华为智选.html">华为智选</a></li>
  25. 		<li><a href="HTML/HarmonyOS.html">HarmonyOS</a></li>
  26. 		<li><a href= "HTML/购物车.html">我的购物车</a></li>
  27. 	</ul>
  28. 	</div>
  29. <!--nav end-->
  30. <!--banner begin-->
  31. <div class="main">
  32. 			<!-- 左按钮 -->
  33. 			<a href="javascript:;" class="left">&lt;</a>
  34. 			<!-- 右按钮 -->
  35. 			<a href="javascript:;" class="right">&gt;</a>
  36. 			<!-- 滚动区 -->
  37. 			<ul>
  38. 			<li><img src="images/ban1.jpg"></li>
  39. 			<li><img src= "images/ban2.jpg"></li>
  40. 			</ul>
  41. 			<!-- 小圆 -->
  42. 			<ol class="circle">
  43. 			</ol>
  44. 		</div>

CSS代码

  1. @charset "utf-8";
  2. /* CSS Document */
  3. ul,ol{
  4. 	list-style: none;
  5. }
  6. a{
  7. 	text-decoration: none;
  8. }
  9. .main{
  10. 	width:100%; 
  11. 	height:455px; 
  12. 	position:relative; 
  13. 	overflow:hidden;
  14. 	margin: auto;
  15.  
  16. }
  17. .left,.right{
  18. 	display: none;
  19. 	position: absolute;
  20. 	top: 50%;
  21. 	margin-top: -20px;
  22. 	width: 24px;
  23. 	height: 40px;
  24. 	background: rgba(0, 0, 0, .3);
  25. 	text-align: center;
  26. 	line-height: 40px;
  27. 	color: #fff;
  28. 	font-size: 18px;
  29. 	z-index: 2;
  30. }
  31. .right{
  32. 	right: 0;
  33. }
  34. .circle {
  35. 	position: absolute;
  36. 	bottom: 10px;
  37. 	left: 50px;
  38. }
  39. .main ul{
  40. 	position: absolute;
  41. 	left: 0;
  42. 	top: 0;
  43. 	width: 1000%;
  44. }
  45. .main ul li{
  46. 	float:left;
  47. }
  48.  
  49. .circle li {
  50. 	float: left;
  51. 	width: 8px;
  52. 	height: 8px;
  53. 	border: 2px solid orange;
  54. 	margin: 0 3px;
  55. 	border-radius: 50%;
  56. 	/*鼠标经过显示小手*/
  57. 	cursor: pointer;
  58. }
  59. .current {
  60.     background-color: orange;
  61. }
  62.  
  63. .content_text{
  64. 	text-align: center;
  65. 	margin-top: 20px;
  66. 	
  67. }
  68. .content{
  69. 	width:1250px;
  70. 	height:1200px;
  71. 	margin: auto;
  72. 	margin-top:100px;
  73. }
  74. .content_box1{
  75. 	float:left;
  76. 	width:60%;
  77. 	height:500px;
  78. 	background:url("../images/pic1.jpg");
  79. 	background-size:cover;
  80. }
  81.  
  82. .content_box2{
  83. 	float:right;
  84. 	background:url("../images/pic2.jpg");
  85. 	width:35%;
  86. 	height:500px;
  87. 	background-size:cover;
  88. }
  89.  
  90. .content_box3{
  91. 	float:left;
  92. 	background:url( "../images/pic3.jpg");
  93. 	width:30%;
  94. 	height:550px;
  95. 	background-size:cover;
  96. 	margin-top:50px;
  97. }
  98.  
  99. .content_box4{
  100. 	float:right;
  101. 	background:url(  "../images/pic4.jpg");
  102. 	width:60%;
  103. 	height:550px;
  104. 	background-size:cover;
  105. 	margin-top:50px;
  106. }
  107.  
  108. .content_box1:hover,.content_box2:hover,.content_box3:hover,.content_box4:hover{
  109. 	transform:scale(1.15);
  110. }
  111.  
  112. .footer{
  113. width:100%;
  114. height:80px;
  115. background:#8E8E8E;
  116. text-align: center;
  117. padding-top: 30px;
  118. color:#ccc;
  119. }
  120. .footer p{
  121. line-height: 30px;
  122. font-size: 14px;
  123.  }

  1. @charset "utf-8";
  2. /* CSS Document */
  3. *{margin:0;padding:0;border:0;list-style:none;}
  4. body{font-family:"微软雅黑";font-size:16px;color:#404042;}/** CSS Document */
  5. a{text-decoration:none;color:#fff;}
  6. .header{
  7.     width:1000px;
  8. 	margin:0 auto;
  9. 	padding-top:20px;
  10. 	overflow:hidden;
  11. }
  12. .header_logo{
  13. 	float:left;
  14. }
  15. .header_text{
  16. 	float:right;
  17. 	}
  18. .header a{ color:#404042;}
  19. .header a:hover{color:#da5454;}
  20. .nav{width:100%;
  21.     height:40px;
  22.     background:#999;
  23. 	margin-top: 15px
  24. }
  25. .nav_in{
  26. 	width:980px;
  27. 	margin:0 auto;
  28. }
  29. .nav_in li{
  30. 	float:left;
  31. }
  32. .nav_in li a{
  33. 	display:block;
  34. 	line-height: 40px;
  35. 	padding:0 36px;
  36. 	
  37. }
  38. .nav_in li .current{
  39. 	background: #da5454;
  40. }
  41. .nav_in a:hover{background: #da5454;}
  42. .banner{
  43. 	width:100%; 
  44. 	height:580px; 
  45. 	position:relative; 
  46. 	overflow:hidden;
  47. }
  48. .gouwuche{
  49. 	position: absolute;
  50. 	float:right;
  51. }
  52. .footer{
  53. width:100%;
  54. height:80px;
  55. background:#8E8E8E;
  56. text-align: center;
  57. padding-top:25px;
  58. color:#ccc;
  59. 	margin-top: 15px;
  60. }
  61. .footer p{
  62. line-height: 30px;
  63. font-size: 14px;
  64.  }

JavaScript
 

  1. // JavaScript Document
  2.  
  3.  
  4. function animate(obj, target, callback) {
  5.     // 先清除以前的定时器，只保留当前的一个定时器执行
  6.     clearInterval(obj.timer);
  7.     obj.timer = setInterval(function() {
  8.         // 步长值写到定时器的里面
  9.         // 把我们步长值改为整数 不要出现小数的问题
  10.         var step = (target - obj.offsetLeft) / 10;
  11.         step = step > 0 ? Math.ceil(step) : Math.floor(step);
  12.         if (obj.offsetLeft == target) {
  13.             // 停止动画 本质是停止定时器
  14.             clearInterval(obj.timer);
  15.             // 回调函数写到定时器结束里面
  16.             if (callback) {
  17.                 // 调用函数
  18.                 callback();
  19.             }
  20.         }
  21.         // 把每次加 这个步长值改为一个慢慢变小的值  步长公式：(目标值 - 现在的位置) / 10
  22.         obj.style.left = obj.offsetLeft + step + 'px';
  23.  
  24.     }, 15);
  25. }
  26.  
  27. window.addEventListener('load',function(){
  28. 	//1.获取元素
  29. 	var left = document.querySelector('.left');
  30. 	var right = document.querySelector('.right');
  31. 	var main = document.querySelector('.main');
  32. 	var mainWidth = main.offsetWidth;
  33. 	//2.鼠标经过显示左右按钮
  34. 	main.addEventListener('mouseenter',function(){
  35. 		left.style.display = 'block';
  36. 		right.style.display = 'block';
  37. 		clearInterval(timer);
  38. 		timer = null; // 清除定时器变量
  39. 	})
  40. 	//3.鼠标离开隐藏左右按钮
  41. 	main.addEventListener('mouseleave',function(){
  42. 		left.style.display = 'none';
  43. 		right.style.display = 'none';
  44. 		timer = setInterval(function() {
  45. 			//手动调用点击事件
  46. 			right.click();
  47. 		}, 2000);
  48. 	})
  49. 	//4.动态生成圆圈
  50. 	var ul = main.querySelector('ul')
  51. 	var ol = main.querySelector('.circle')
  52. 	for (var i = 0; i < ul.children.length; i++) {
  53. 		//创建一个li
  54. 		var li = document.createElement('li'); 
  55. 		// 记录当前小圆圈的索引号 通过自定义属性来做 
  56. 		li.setAttribute('index', i);
  57. 		//插入ol
  58. 		ol.appendChild(li);
  59. 		//排他思想
  60. 		li.addEventListener('click', function() {
  61. 			//所有li清除类名
  62. 			for (var i = 0; i < ol.children.length; i++) {
  63. 				ol.children[i].className = '';
  64. 			}
  65. 			//当前li设置current类名
  66. 			this.className = 'current';
  67. 			var index = this.getAttribute('index');
  68. 			num = index;
  69. 			circle = index; 
  70. 			animate(ul, -index * mainWidth);
  71. 		})
  72. 	}
  73. 	//第一个小li设置为current
  74. 	ol.children[0].className = 'current';
  75. 	// 克隆第一张图片(li)放到ul 最后面
  76. 	var first = ul.children[0].cloneNode(true);
  77. 	ul.appendChild(first);
  78. 	// 6.点击右按钮，图片滚动一张
  79. 	var num = 0;
  80. 	var circle = 0;
  81. 	var flag = true;
  82. 	// 7.右侧按钮
  83. 	right.addEventListener('click',function(){
  84. 	if(flag){
  85. 		//关闭节流阀
  86. 			flag = false;
  87. 			if(num == ul.children.length-1){
  88. 				ul.style.left = 0;
  89. 				num = 0;
  90. 			}
  91. 			num++;
  92. 			animate(ul, -num*mainWidth,function(){
  93. 	
  94. 				flag = true;
  95. 			});
  96. 			circle++;
  97. 			if (circle == ol.children.length) {
  98. 				circle = 0;
  99. 			}
  100. 			// 调用函数
  101. 			circleChange();
  102. 		}
  103. 	});
  104. 	// 8.左侧按钮
  105. 	left.addEventListener('click',function(){
  106. 	if(flag){
  107. 			flag = false;
  108. 			if(num == 0){
  109. 				num = ul.children.length - 1;
  110. 				ul.style.left = -num * mainWidth + 'px';
  111. 			}
  112. 			num--;
  113. 			animate(ul, -num*mainWidth, function(){
  114. 				flag = true;
  115. 			});
  116. 			circle--;
  117. 			if (circle < 0) {
  118. 				circle = ol.children.length - 1;
  119. 			}
  120. 			// 调用函数
  121. 			circleChange();
  122. 		}
  123. 	});
  124. 	function circleChange() {
  125. 		// 先清除其余小圆圈的current类名
  126. 		for (var i = 0; i < ol.children.length; i++) {
  127. 			ol.children[i].className = '';
  128. 		}
  129. 		// 留下当前的小圆圈的current类名
  130. 		ol.children[circle].className = 'current';
  131. 	}
  132. 	// 自动播放轮播图
  133. 	var timer = setInterval(function() {
  134. 		//手动调用点击事件
  135. 		right.click();
  136. 	}, 2000);
  137. })
  138.

二、内容页

第一张 HTML

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <link href="../CSS/hwzq.css" rel="stylesheet" type="text/css">
  6. <link href="../CSS/whole.css" rel="stylesheet" type="text/css">
  7. <title>华为专区</title>
  8. </head>
  9. <body>
  10. <!--header begin-->
  11. <div class="header">
  12. 	<div class="header_logo"> <img src="../images/huawei_logo.png" /></div>
  13. 	<div class="header_text"> <a href="登录.html">登录</a>|<a href="登录.html">注册</a></div>
  14. </div>
  15. <!--header end-->
  16.  
  17. <!--nav begin-->
  18. <div class="nav">
  19. 	<ul class="nav_in">
  20. 		<li><a href="../首页.html">首页</a></li>
  21.         <li><a href="华为专区.html">华为专区</a></li>
  22. 		<li><a href="鸿蒙智选.html">鸿蒙智联</a></li>
  23. 		<li><a href="华为智选.html">华为智选</a></li>
  24. 		<li><a href="HarmonyOS.html">HarmonyOS</a></li>
  25. 		<li><a href= "购物车.html">我的购物车</a></li>
  26. 	</ul>
  27. </div>
  28. <!--nav end-->
  29. <!--banner degin-->
  30. <div class="banner"> <img src="../images/nav2.jpg"></div>
  31. <!--banner end-->
  32. 	
  33. <!--content begin-->
  34. <h1 class="content_text">产品分类</h1>
  35. <div class="content">
  36. 	<div class="content_box1">
  37. 	  <div class="conntent_box_text"><p><a href="#">手机</a></p></div>
  38. 	</div>
  39.     <div class="content_box2">
  40. 		<div class="conntent_box_text"><p><a href="#">笔记本</a></p></div>
  41. 	</div>
  42. 	<div class="content_box3">
  43. 		<div class="conntent_box_text"><p><a href="#">平板</a></p></div>
  44. 	</div>
  45. 	<div class="content_box4">
  46. 		<div class="conntent_box_text"><p><a href="#">智慧屏</a></p></div>
  47. 	</div>
  48. 	<div class="content_box5">
  49. 		<div class="conntent_box_text"><p><a href="#">智能手表</a></p></div>
  50. 	</div>
  51. 	<div class="content_box6">
  52. 		<div class="conntent_box_text"> <p><a href="#">耳机</a></p></div>
  53. 	</div>
  54. </div>
  55. <!--content end-->
  56. 	
  57. <!--footer begin-->
  58. <div class="footer">
  59. </div>
  60. <!--footer end-->
  61. </body>
  62. </html>

因为有一些板块的样式是一样的，为了减少重复的编写，建一个css用来编写相同的样式

  1. @charset "utf-8";
  2. /* CSS Document */
  3. *{margin:0;padding:0;border:0;list-style:none;}
  4. body{font-family:"微软雅黑";font-size:16px;color:#404042;}/** CSS Document */
  5. a{text-decoration:none;color:#fff;}
  6. .header{
  7.     width:1000px;
  8. 	margin:0 auto;
  9. 	padding-top:20px;
  10. 	overflow:hidden;
  11. }
  12. .header_logo{
  13. 	float:left;
  14. }
  15. .header_text{
  16. 	float:right;
  17. 	}
  18. .header a{ color:#404042;}
  19. .header a:hover{color:#da5454;}
  20. .nav{width:100%;
  21.     height:40px;
  22.     background:#999;
  23. 	margin-top: 15px
  24. }
  25. .nav_in{
  26. 	width:980px;
  27. 	margin:0 auto;
  28. }
  29. .nav_in li{
  30. 	float:left;
  31. }
  32. .nav_in li a{
  33. 	display:block;
  34. 	line-height: 40px;
  35. 	padding:0 36px;
  36. 	
  37. }
  38. .nav_in li .current{
  39. 	background: #da5454;
  40. }
  41. .nav_in a:hover{background: #da5454;}
  42. .banner{
  43. 	width:100%; 
  44. 	height:580px; 
  45. 	position:relative; 
  46. 	overflow:hidden;
  47. }
  48. .gouwuche{
  49. 	position: absolute;
  50. 	float:right;
  51. }
  52. .footer{
  53. width:100%;
  54. height:80px;
  55. background:#8E8E8E;
  56. text-align: center;
  57. padding-top:25px;
  58. color:#ccc;
  59. 	margin-top: 15px;
  60. }
  61. .footer p{
  62. line-height: 30px;
  63. font-size: 14px;
  64.  }

再根据不同的点编写一个专门的css样式

  1. @charset "utf-8";
  2. /* CSS Document */
  3. .banner{
  4. 	width:100%; 
  5. 	height:580px; 
  6. 	position:relative; 
  7. 	overflow:hidden;
  8. }
  9. .content{
  10. 	width:80%;
  11. 	height:800px;
  12. 	margin: 0 auto;
  13. }
  14. .content_text{
  15. 	text-align: center;
  16. 	margin-top: 20px;
  17. 	
  18. }
  19.  
  20. .content_box1{
  21. 	float:left;
  22. 	width:20%;
  23. 	height:250px;
  24. 	background:url( "../images/content1.jpg");
  25. 	background-size:cover;
  26. 	margin-left:125px;
  27. 	margin-top: 25px;
  28. }
  29.  
  30. .conntent_box_text {
  31. 	text-align:center;
  32. 	float:left;
  33. 	width:100%;
  34. 	height:15px;
  35. 	margin-top:220px;
  36.  
  37. }
  38.  
  39. .conntent_box_text a{
  40. 	font-size: 20px;
  41. 	
  42. 	color: #000000;
  43. }
  44. .content_box2{
  45. 	
  46. 	float:left;
  47. 	width:20%;
  48. 	height:250px;
  49. 	background:url("  ../images/content2.jpg");
  50. 	background-size:cover;
  51. 	margin-left:125px;
  52. 	margin-top: 25px;
  53. }
  54.  
  55. .content_box3{
  56. 	float:left;
  57. 	width:20%;
  58. 	height:250px;
  59. 	background:url( "../images/content3.jpg");
  60. 	background-size:cover;
  61. 	margin-left:125px;
  62. 	margin-top: 25px;
  63. }
  64.  
  65. .content_box4{
  66. 	
  67. 	float:left;
  68. 	width:20%;
  69. 	height:250px;
  70. 	background:url( "../images/content4.jpg");
  71. 	background-size:cover;
  72. 	margin-left:125px;
  73. 	margin-top: 100px;
  74. 	
  75. }
  76.  
  77. .content_box5{
  78. 	
  79. 	float:left;
  80. 	width:20%;
  81. 	height:250px;
  82. 	background:url(  "../images/content5.jpg");
  83. 	background-size:cover;
  84. 	margin-left:125px;
  85. 	margin-top: 100px;
  86. 	
  87. }
  88.  
  89. .content_box6{
  90. 	
  91. 	float:left;
  92. 	width:20%;
  93. 	height:250px;
  94. 	background:url(  "../images/content6.jpg");
  95. 	background-size:cover;
  96. 	margin-left:125px;
  97. 	margin-top: 100px;
  98. 	
  99. }
  100. .content_box1:hover,.content_box2:hover,.content_box3:hover,.content_box4:hover,.content_box5:hover,.content_box6:hover{
  101. 	transform:scale(1.15);
  102. }

第二张HTML

HTML部分

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>鸿蒙智联</title>
  6. <link href="../CSS/hmzx.css" rel="stylesheet" type="text/css">
  7. <link href="../CSS/whole.css" rel="stylesheet" type="text/css">
  8. </head>
  9. <!--header begin-->
  10. <div class="header">
  11. <div class="header_logo"> <img src="../images/huawei_logo.png" /></div>
  12. <div class="header_text"> <a href="登录.html">登录</a>|<a href="登录.html">注册</a> </div>
  13. </div>
  14. <!--header end-->
  15.  
  16. <!--nav begin-->
  17. <div class="nav">
  18. 	<ul class="nav_in">
  19. 		<li><a href="../首页.html">首页</a></li>
  20.         <li><a href="华为专区.html">华为专区</a></li>
  21. 		<li><a href="鸿蒙智选.html">鸿蒙智联</a></li>
  22. 		<li><a href="华为智选.html">华为智选</a></li>
  23. 		<li><a href="HarmonyOS.html">HarmonyOS</a></li>
  24. 		<li><a href= "购物车.html">我的购物车</a></li>
  25. 	</ul>
  26. 	</div>
  27. <!--nav end-->
  28. <!--banner degin-->
  29. <div class="banner"> <img src="../images/2.webp"></div>
  30. <!--banner end-->
  31. <!--banner end-->
  32. <!--content BEGIN-->
  33. <h1 class="content_text">热门推荐</h1>
  34. <div class="content">
  35. 	<a href="#"><div class="content_box1"></div></a>
  36. 	<a href="#"><div class="content_box2"></div></a>
  37. 	<a href="#"><div class="content_box3"></div></a>
  38. 	<a href="#"><div class="content_box4"></div></a>
  39. 	<a href="#"><div class="content_box5"></div></a>
  40. 	<a href="#"><div class="content_box6"></div></a>
  41. 	
  42. </div>
  43. <!--content end-->
  44. 	
  45. <!--footer begin-->
  46. <div class="footer">
  47.    
  48. </div>
  49. <!--footer end-->
  50. <body>
  51. </body>
  52. </html>

css部分

  1. @charset "utf-8";
  2. /* CSS Document */
  3. .content{
  4. 	width:80%;
  5. 	height:800px;
  6. 	margin: 0 auto;
  7. }
  8. .content_text{
  9. 	text-align: center;
  10. 	margin-top: 20px;
  11. }
  12. .content_box1{
  13. 	float:left;
  14. 	width:20%;
  15. 	height:330px;
  16. 	background:url(  "../images/2.1.jpg");
  17. 	background-size:cover;
  18. 	margin-left:125px;
  19. 	margin-top: 25px;
  20. }
  21. .content_box2{
  22. 	float:left;
  23. 	width:20%;
  24. 	height:330px;
  25. 	background:url( "../images/2.2.jpg");
  26. 	background-size:cover;
  27. 	margin-left:125px;
  28. 	margin-top: 25px;
  29. }
  30. .content_box3{
  31. 	float:left;
  32. 	width:20%;
  33. 	height:330px;
  34. 	background:url(  "../images/2.3.jpg");
  35. 	background-size:cover;
  36. 	margin-left:125px;
  37. 	margin-top: 25px;
  38. }
  39. .content_box4{
  40. 	float:left;
  41. 	width:20%;
  42. 	height:330px;
  43. 	background:url(  "../images/2.4.jpg");
  44. 	background-size:cover;
  45. 	margin-left:125px;
  46. 	margin-top: 25px;
  47. }
  48. .content_box5{
  49. 	float:left;
  50. 	width:20%;
  51. 	height:330px;
  52. 	background:url(  "../images/2.5.jpg");
  53. 	background-size:cover;
  54. 	margin-left:125px;
  55. 	margin-top: 25px;
  56. }
  57. .content_box6{
  58. 	float:left;
  59. 	width:20%;
  60. 	height:330px;
  61. 	background:url(  "../images/2.6.jpg");
  62. 	background-size:cover;
  63. 	margin-left:125px;
  64. 	margin-top: 25px;
  65. }
  66.  
  67. .content_box1:hover,.content_box2:hover,.content_box3:hover,.content_box4:hover,.content_box5:hover,.content_box6:hover{
  68. 	transform:scale(1.15);
  69. }

效果图

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASHViZXJ04piF,size_20,color_FFFFFF,t_70,g_se,x_16

 watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASHViZXJ04piF,size_20,color_FFFFFF,t_70,g_se,x_16

可以根据需要更换图片

图片来源于华为商城网站

购物网站（内容页面）_Hubert★的博客-CSDN博客icon-default.png?t=M85Bhttps://blog.csdn.net/m0_56078449/article/details/122881619

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/612220
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号