项目修改说明

1.店产品展示页（具体信息）.html   的修改：

 每5s自动切换的代码修改：

该文件中的 pro-show-box-top类元素中增加了该代码和该文件下面js，  该文件　店产品展示页（具体信息）.html 中有注释：

<!-- 修改内容   只增加这一块代码实现图片滚动   下面的js -->
			<div class="banner">
		        <ul class="img">
		            <li>
		                <a href="#"><img src="images/bannerV2.jpg"></a>
		            </li>
		            <li>
		                <a href="#"><img src="images/bannerV2.jpg"></a>
		            </li>
		            <li>
		                <a href="#"><img src="images/bannerV2.jpg"></a>
		            </li>
		            <li>
		                <a href="#"><img src="images/bannerV2.jpg"></a>
		            </li>
		        </ul>
		    </div>
	<!-- 修改内容 -->

2.产品购买页-04.html

代码的修改：

引用框架：

<link rel="stylesheet" type="text/css" href="css/swiper.min.css">

<script type="text/javascript" src="js/swiper.min.js"></script>

<div class="row-fluid Purchase"> <!-- 增加一个类名 Purchase-->
			<div class="span5">
				<!-- Swiper -->
			    <div class="swiper-container">
			        <div class="swiper-wrapper">
			            <div class="swiper-slide"><img src="images/p1.jpg"></div>
			            <div class="swiper-slide"><img src="images/p1.jpg"></div>
			            <div class="swiper-slide"><img src="images/p1.jpg"></div>
			            <div class="swiper-slide"><img src="images/p1.jpg"></div>
			            <div class="swiper-slide"><img src="images/p1.jpg"></div>
			        </div>
			        <div class="swiper-pagination"></div>
			    </div>
			    <!-- Swiper -->
			</div>

 然后js覆盖当前的即可

3.酒店购买页-02.html

 

在文件中只增加了该代码 可以在该文件可以看到

	<!-- 修改的代码 增加了 -->
						<div class="item-state">
							<span class="title">客房</span>
							<p>文渊狮城是新安文化，是新安文化重要的一部分。是新安文...</p>
						<!-- 修改的代码 -->

然后js覆盖当前的即可

 

来自为知笔记(Wiz)