新闻热门话题集锦

jpress-web-template-mallcms/src/main/webapp/templates/mallcms/assets/css/index.css

@@ -1386,6 +1386,18 @@ body{
     width: 200px;
     padding: 4px 10px;
 }
+.x_content_head div.item, .x_content_head div.banner,.x_content_head div.item, .x_content_head div.carousel-inner, .x_content_head div.carousel{
+    width: 388px;
+    height: 202px;
+    padding: 0;
+}
+.x_content_head .banner .carousel-indicators{
+    bottom: -5px;
+}
+.x_content_head div.item img{
+    width: 388px;
+    height: 202px;
+}
 .x_content_head_text p{
     font-size: 14px;
     text-align: left;

jpress-web-template-mallcms/src/main/webapp/templates/mallcms/assets/js/index.js

@@ -3,7 +3,14 @@ $(function () {
     $('#myCarousel').carousel({
         interval: 5000
     })
-
+    // uas
+    $('#myCarousel01').carousel({
+        interval: 5000
+    })
+    // 新闻集锦
+    $('#myCarousel02').carousel({
+        interval: 5000
+    })
     //    商城点击切换
     $('.section-bottom01>span.tab').on('click', function () {
         var index = $(this).index();

jpress-web-template-mallcms/src/main/webapp/templates/mallcms/index.html

@@ -63,134 +63,15 @@
 					<div class="fl fl-for"><img src="${CTPATH}/assets/images/for-the-world.png" alt=""></div>
 				</div>
 				<div class="section-bottom section-bottom01">
-					<span class="tab active">U电商</span><span class="tab">U现货</span><span class="tab">U询价</span>
+					<span class="tab active">U询价</span><span class="tab">U电商</span><span class="tab">U现货</span>
 				</div>
 			</div>
 		</div>
 	</div>
 	<div class="main">
 		<div class="container">
-			<!--U电商-->
-			<div class="section-toggle01 show">
-				<div class="main-des">
-					<div class="str-bus"><span class="tabs"></span>实力商家</div>
-					<div class="dynamic-scroll">
-						<div class="scroll">
-							<div class="item-list">
-								<img src="${CTPATH}/assets/images/qr-tech.png" alt="">
-								<div class="text">
-									<a href="" class="comp">上海柏建电子科技有限公司</a>
-									<div class="store-des">
-										<span class="text-ellipsis">主营产品：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">经营范围：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">电话：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">地址：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-									</div>
-								</div>
-								<a href="" class="btn">进入店铺 &gt;</a>
-							</div>
-							<div class="item-list">
-								<img src="${CTPATH}/assets/images/qr-tech.png" alt="">
-								<div class="text">
-									<a href="" class="comp">上海柏建电子科技有限公司</a>
-									<div class="store-des">
-										<span class="text-ellipsis">主营产品：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">经营范围：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">电话：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">地址：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-									</div>
-								</div>
-								<a href="" class="btn">进入店铺 &gt;</a>
-							</div>
-							<div class="item-list">
-								<img src="${CTPATH}/assets/images/qr-tech.png" alt="">
-								<div class="text">
-									<a href="" class="comp">上海柏建电子科技有限公司</a>
-									<div class="store-des">
-										<span class="text-ellipsis">主营产品：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">经营范围：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">电话：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">地址：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-									</div>
-								</div>
-								<a href="" class="btn">进入店铺 &gt;</a>
-							</div>
-							<div class="item-list">
-								<img src="${CTPATH}/assets/images/qr-tech.png" alt="">
-								<div class="text">
-									<a href="" class="comp">上海柏建电子科技有限公司</a>
-									<div class="store-des">
-										<span class="text-ellipsis">主营产品：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">经营范围：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">电话：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-										<span class="text-ellipsis">地址：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
-									</div>
-								</div>
-								<a href="" class="btn">进入店铺 &gt;</a>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="main-img"><a href="https://www.usoftmall.com/eCommerce/home/origin"><img src="${CTPATH}/assets/images/goStore.png" alt=""></a></div>
-			</div>
-			<!--U现货-->
-			<div class="section-toggle01">
-				<div class="buy_content">
-					<a href="https://www.usoftmall.com/"><img src="${CTPATH}/assets/images/buy_now.jpg" alt="" class="buy_now"></a>
-					<div class="buy_item_list">
-						<div class="buy_list buy_list_big">
-							<p>KAE16000V01R</p>
-							<span>KKST</span>
-							<br>
-							<span>晶振</span>
-							<div class="price">￥0.28</div>
-							<img src="${CTPATH}/assets/images/mall_01.jpg" alt="" class="mall_pic">
-						</div>
-						<div class="buy_list buy_list_small">
-							<img src="${CTPATH}/assets/images/mall_02.jpg" alt="" class="mall_img">
-							<p>KAE16000V01R</p>
-							<span>KKST</span>
-							<br>
-							<span>晶振</span>
-							<div class="price">￥0.28</div>
-						</div>
-						<div class="buy_list buy_list_small">
-							<img src="${CTPATH}/assets/images/mall_02.jpg" alt="" class="mall_img">
-							<p>KAE16000V01R</p>
-							<span>KKST</span>
-							<br>
-							<span>晶振</span>
-							<div class="price">￥0.28</div>
-						</div>
-						<div class="buy_list buy_list_big">
-							<p>KAE16000V01R</p>
-							<span>KKST</span>
-							<br>
-							<span>晶振</span>
-							<div class="price">￥0.28</div>
-							<img src="${CTPATH}/assets/images/mall_01.jpg" alt="" class="mall_pic">
-						</div>
-						<div class="buy_list buy_list_small">
-							<img src="${CTPATH}/assets/images/mall_02.jpg" alt="" class="mall_img">
-							<p>KAE16000V01R</p>
-							<span>KKST</span>
-							<br>
-							<span>晶振</span>
-							<div class="price">￥0.28</div>
-						</div>
-						<div class="buy_list buy_list_small">
-							<img src="${CTPATH}/assets/images/mall_02.jpg" alt="" class="mall_img">
-							<p>KAE16000V01R</p>
-							<span>KKST</span>
-							<br>
-							<span>晶振</span>
-							<div class="price">￥0.28</div>
-						</div>
-					</div>
-				</div>
-			</div>
 			<!--U询价-->
-			<div class="section-toggle01">
+			<div class="section-toggle01 show">
 				<div class="buy_content">
 					<a class='link_img' href="https://www.usoftmall.com/applyPurchase"><img src="${CTPATH}/assets/images/mall_xunjia.jpg" alt="" class="buy_now"></a>
 					<div class="inquiry_item">
@@ -309,6 +190,125 @@
 					</div>
 				</div>
 			</div>
+			<!--U电商-->
+			<div class="section-toggle01">
+				<div class="main-des">
+					<div class="str-bus"><span class="tabs"></span>实力商家</div>
+					<div class="dynamic-scroll">
+						<div class="scroll">
+							<div class="item-list">
+								<img src="${CTPATH}/assets/images/qr-tech.png" alt="">
+								<div class="text">
+									<a href="" class="comp">上海柏建电子科技有限公司</a>
+									<div class="store-des">
+										<span class="text-ellipsis">主营产品：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">经营范围：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">电话：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">地址：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+									</div>
+								</div>
+								<a href="" class="btn">进入店铺 &gt;</a>
+							</div>
+							<div class="item-list">
+								<img src="${CTPATH}/assets/images/qr-tech.png" alt="">
+								<div class="text">
+									<a href="" class="comp">上海柏建电子科技有限公司</a>
+									<div class="store-des">
+										<span class="text-ellipsis">主营产品：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">经营范围：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">电话：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">地址：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+									</div>
+								</div>
+								<a href="" class="btn">进入店铺 &gt;</a>
+							</div>
+							<div class="item-list">
+								<img src="${CTPATH}/assets/images/qr-tech.png" alt="">
+								<div class="text">
+									<a href="" class="comp">上海柏建电子科技有限公司</a>
+									<div class="store-des">
+										<span class="text-ellipsis">主营产品：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">经营范围：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">电话：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">地址：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+									</div>
+								</div>
+								<a href="" class="btn">进入店铺 &gt;</a>
+							</div>
+							<div class="item-list">
+								<img src="${CTPATH}/assets/images/qr-tech.png" alt="">
+								<div class="text">
+									<a href="" class="comp">上海柏建电子科技有限公司</a>
+									<div class="store-des">
+										<span class="text-ellipsis">主营产品：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">经营范围：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">电话：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+										<span class="text-ellipsis">地址：<span>蓝牙、MCU、PMU、硅麦、EEPROM等</span></span>
+									</div>
+								</div>
+								<a href="" class="btn">进入店铺 &gt;</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="main-img"><a href="https://www.usoftmall.com/eCommerce/home/origin"><img src="${CTPATH}/assets/images/goStore.png" alt=""></a></div>
+			</div>
+			<!--U现货-->
+			<div class="section-toggle01">
+				<div class="buy_content">
+					<a href="https://www.usoftmall.com/"><img src="${CTPATH}/assets/images/buy_now.jpg" alt="" class="buy_now"></a>
+					<div class="buy_item_list">
+						<div class="buy_list buy_list_big">
+							<p>KAE16000V01R</p>
+							<span>KKST</span>
+							<br>
+							<span>晶振</span>
+							<div class="price">￥0.28</div>
+							<img src="${CTPATH}/assets/images/mall_01.jpg" alt="" class="mall_pic">
+						</div>
+						<div class="buy_list buy_list_small">
+							<img src="${CTPATH}/assets/images/mall_02.jpg" alt="" class="mall_img">
+							<p>KAE16000V01R</p>
+							<span>KKST</span>
+							<br>
+							<span>晶振</span>
+							<div class="price">￥0.28</div>
+						</div>
+						<div class="buy_list buy_list_small">
+							<img src="${CTPATH}/assets/images/mall_02.jpg" alt="" class="mall_img">
+							<p>KAE16000V01R</p>
+							<span>KKST</span>
+							<br>
+							<span>晶振</span>
+							<div class="price">￥0.28</div>
+						</div>
+						<div class="buy_list buy_list_big">
+							<p>KAE16000V01R</p>
+							<span>KKST</span>
+							<br>
+							<span>晶振</span>
+							<div class="price">￥0.28</div>
+							<img src="${CTPATH}/assets/images/mall_01.jpg" alt="" class="mall_pic">
+						</div>
+						<div class="buy_list buy_list_small">
+							<img src="${CTPATH}/assets/images/mall_02.jpg" alt="" class="mall_img">
+							<p>KAE16000V01R</p>
+							<span>KKST</span>
+							<br>
+							<span>晶振</span>
+							<div class="price">￥0.28</div>
+						</div>
+						<div class="buy_list buy_list_small">
+							<img src="${CTPATH}/assets/images/mall_02.jpg" alt="" class="mall_img">
+							<p>KAE16000V01R</p>
+							<span>KKST</span>
+							<br>
+							<span>晶振</span>
+							<div class="price">￥0.28</div>
+						</div>
+					</div>
+				</div>
+			</div>
 		</div>
 	</div>
 </div>
@@ -1085,7 +1085,25 @@
 							热门话题集锦
 							<a href="https://www.uuzcc.com/article/list/activity_news.html" class="x_gray_text">更多></a>
 						</div>
-						<img src="${CTPATH}/assets/images/remenhuatijijin.jpg" alt="">
+						<div class="banner">
+							<div id="myCarousel02" class="carousel slide">
+								<!-- 轮播（Carousel）指标 -->
+								<ol class="carousel-indicators">
+									<li data-target="#myCarousel02" data-slide-to="0" class="active"></li>
+									<li data-target="#myCarousel02" data-slide-to="1"></li>
+								</ol>
+								<!-- 轮播（Carousel）项目 -->
+								<div class="carousel-inner">
+									<div class="item active"><a><img src="${CTPATH}/assets/images/remenhuatijijin.jpg" alt=""></a></div>
+									<div class="item"><a><img src="${CTPATH}/assets/images/remenhuatijijin.jpg" alt=""></a></div>
+								</div>
+								<!-- 轮播（Carousel）导航 -->
+								<a class="carousel-control left" href="#myCarousel02"
+								   data-slide="prev">&lsaquo;</a>
+								<a class="carousel-control right" href="#myCarousel02"
+								   data-slide="next">&rsaquo;</a>
+							</div>
+						</div>
 					</div>
 					<!--下部-->
 					<div class="x_content_footer">