成熟方案

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

@@ -124,24 +124,14 @@
             <div class="friend-link">
                 <ul>
                     <li><span>友情链接：</span></li>
-                    <li><a href="">深圳华商龙</a></li>
-                    <li><a href="">深圳市英唐智能科技</a></li>
-                    <li><a href="">深圳市优软科技</a></li>
-                    <li><a href="">酷比魔方</a></li>
-                    <li><a href="">SOLING索菱</a></li>
-                    <li><a href="">深圳市华商维泰显示科技</a></li>
-                    <li><a href="">迈迪杰科技</a></li>
-                    <li><a href="">怡海能达</a></li>
-                    <li><a href="">英唐众创</a></li>
-                    <li><a href="">深圳华商龙</a></li>
-                    <li><a href="">深圳市英唐智能科技</a></li>
-                    <li><a href="">深圳市优软科技</a></li>
-                    <li><a href="">酷比魔方</a></li>
-                    <li><a href="">SOLING索菱</a></li>
-                    <li><a href="">深圳市华商维泰显示科技</a></li>
-                    <li><a href="">迈迪杰科技</a></li>
-                    <li><a href="">怡海能达</a></li>
-                    <li><a href="">英唐众创</a></li>
+                    <li><a href="http://www.worldshine.net">深圳华商龙</a></li>
+                    <li><a href="http://www.yitoa.com">深圳市英唐智能科技</a></li>
+                    <li><a href="http://www.usoftchina.com/usoft">深圳市优软科技</a></li>
+                    <li><a href="http://www.51cube.com">酷比魔方</a></li>
+                    <li><a href="http://www.szsoling.com/home">SOLING索菱</a></li>
+                    <li><a href="http://www.huashangweitai.com">深圳市华商维泰显示科技</a></li>
+                    <li><a href="http://www.szmadigi.com">迈迪杰科技</a></li>
+                    <li><a href="http://www.hi-mantech.com">怡海能达</a></li>
                 </ul>
             </div>
         </div>

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

@@ -22,9 +22,6 @@ body{
 .c_case{
     display: none;
 }
-.c_case_content {
-    display: none;
-}
 .hot_info_list_active {
     display: none;
 }
@@ -1026,7 +1023,7 @@ td.inquiry_btn:hover a{
 }
 .case_indus .case_indus_list{
     float: left;
-    width: 69px;
+    width: 71px;
     text-align: center;
     margin-right:23px;
     cursor: pointer;
@@ -1050,6 +1047,7 @@ td.inquiry_btn:hover a{
 .case_indus .case_indus_list span{
     font-size: 12px;
     color: #333;
+    white-space: nowrap;
 }
 .case_indus .case_indus_list:hover .c_image,.case_indus .case_indus_list.active .c_image{
     border: 1px solid #e41f2b;
@@ -1144,7 +1142,7 @@ td.inquiry_btn:hover a{
 /*成熟方案*/
 .c_case_content{
     margin-top: 24px;
-    overflow: hidden;
+    /*overflow: hidden;*/
 }
 .c_case_list {
     position: relative;
@@ -1159,6 +1157,13 @@ td.inquiry_btn:hover a{
     margin-left: -2px;
     opacity: 1;
 }
+.c_case_list div.c_img{
+    margin: 0 auto;
+    width: 240px;
+    height: 250px;
+    text-align: center;
+    border-bottom: 1px solid #dcdcdc;
+}
 .c_case_list img{
     width: 100%;
     height: 250px;
@@ -1166,21 +1171,34 @@ td.inquiry_btn:hover a{
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
-.c_case_list p{
+.c_case_list p.c_case_overflow{
     padding: 20px 15px;
+    height: 66px;
     text-align: left;
     font-size: 16px;
     color: #333;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
 }
 .c_item_bottom{
     padding: 0 21px;
     height: 50px;
-    line-height: 33px;
+    line-height: 50px;
     border-top: 1px solid #e8e8e8;
 }
 .c_item_bottom span{
     font-size: 14px;
     color: #333;
+    font-size: 14px;
+    color: #333;
+    width: 50%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 .c_item_bottom span:first-child{
     float: left;
@@ -1215,6 +1233,13 @@ td.inquiry_btn:hover a{
     padding: 0;
     font-size: 16px;
     color: #fff;
+    height: 40px;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
 }
 .hover_case .c_case_count{
     margin-top: 15px;
@@ -1914,7 +1939,7 @@ a.x_gray_text{
     margin-top: 22px;
     line-height: 30px;
     text-align: right;
-    font-size: 14px;
+    font-size: 13px;
     color: #fff;
 }
 .footer .footer-list{

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

@@ -31,10 +31,23 @@ $(function () {
     })
     // 成熟方案
     $('.case_indus_list').on('click', function () {
-        var index = $(this).index();
+        var id = $(this).attr('id')
+        console.log(id)
         $(this).addClass('active').siblings().removeClass('active');
-        $('.c_case_content').eq(index).addClass('show').siblings().removeClass('show');
+        $.ajax({
+            type: "GET",
+            url: "login.uuzcc.com/ubtob/index/getProgramme",
+            data: {id:id},
+            dataType: "json",
+            success: function(data){
+                console.log(data)
+            }
+        });
+
     })
+    $(document).ready(function(){
+        $('.case_indus_list:first-child').addClass('active')
+    });
     // u客论坛
     $('.k_item_list').on('click', function () {
         $(this).addClass('active').siblings().removeClass('active');
@@ -56,6 +69,37 @@ $(function () {
     // $(document).ready(function(){
     //     setInterval('AutoScroll(".dynamic-scroll")',3000);
     // });
+    // $(document).ready(function(){
+    //     $.fn.scrollTop = function(options){
+    //         var defaults = {
+    //             speed:30
+    //         }
+    //         var opts = $.extend(defaults,options);
+    //         this.each(function(){
+    //             var $timer;
+    //             var scroll_top=0;
+    //             var obj = $(this);
+    //             var $height = obj.find(".scroll").height();
+    //             obj.find(".scroll").clone().appendTo(obj);
+    //             obj.hover(function(){
+    //                 clearInterval($timer);
+    //             },function(){
+    //                 $timer = setInterval(function(){
+    //                     scroll_top++;
+    //                     if(scroll_top > $height){
+    //                         scroll_top = 0;
+    //                     }
+    //                     obj.find(".scroll").first().css("margin-top",-scroll_top);
+    //                 },opts.speed);
+    //             }).trigger("mouseleave");
+    //         })
+    //     }
+    // })
+    // $(document).ready(function(){
+    //     $(".scroll").scrollTop({
+    //         speed:30 //数值越大 速度越慢
+    //     });
+    // })
     // 返回页面顶部
     $(window).on('scroll',function(){
         var $goTop=$('.go-top');

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

@@ -379,7 +379,7 @@
 							</#assign>
 							<#assign json=text?eval />
 							<#list json.data as item>
-								<div class="case_indus_list active" id="${item.indus_id}">
+								<div class="case_indus_list" id="${item.indus_id}" >
 								<div class="c_image c_image_01" style=" background: url(${item.img}) no-repeat center center;"></div>
 								<span>${item.indus_name}</span>
 								</div>
@@ -449,7 +449,7 @@
 	<div class="main c_case">
 		<div class="container">
 			<!--切换13-->
-			<div class="c_case_content show">
+			<div class="c_case_content">
 
                 <@jp.apiData id="uuzcc_program_types_list">
                 <#assign text >
@@ -459,14 +459,16 @@
                 <#list json.data as item>
                     <div class="c_case_list">
                         <a href="${item.url}">
-                            <img src="${item.banner}" alt="">
-                            <p>${item.title}</p>
+							<div class="c_img">
+								<img src="${item.banner}" alt="">
+							</div>
+                            <p class="c_case_overflow">${item.title}</p>
                             <div class="c_item_bottom">
                                 <span>${item.shop_name}</span><span>价格: <b>￥${item.price}</b></span>
                             </div>
                             <div class="hover_case">
                                 <div class="case_top">
-                                    <p class="c_case_title">${item.title}</p>
+                                    <p class="c_case_title c_case_overflow">${item.title}</p>
                                     <div class="c_case_count">
                                         <span>浏览 <span>${item.views}</span></span>
                                         <span>成交量 <span>${item.invitation}</span></span>