fdf

template/pc/components/detail/cl.htm

@@ -146,15 +146,11 @@
         </div>
     </div>
 </div>
+
 <div class="part">
     <p class="tt"><span>产品介绍</span></p>
     <div class="items">
-        <div class="art-main">
-
-
-
-
-
+        <div class="art-main art-main-sp">
 
             {eyou:if condition='($is_mobile === false)'}
                 {$eyou.field.content_5}
@@ -166,6 +162,7 @@
                 {/eyou:empty}
             {/eyou:if}
 
+            <div class="btn-show btn-bg"><span>点击查看全文</span></div>
         </div>
     </div>
 </div>

template/pc/css/extend.css

@@ -793,6 +793,7 @@
         min-width: 0px !important;
         border-collapse: collapse;
         table-layout: fixed;
+        width: 100% !important;
     }
 
     .art-main th, td {
@@ -800,11 +801,61 @@
         padding: 10px 0;
         /*white-space: normal;
         word-wrap: break-word;*/
-        overflow: hidden;
+        /*overflow: hidden;*/
     }
     .art-main nobr{
         /*white-space: normal;
         word-wrap: break-word;*/
-        overflow: hidden;
+        /*overflow: hidden;*/
+    }
+    .td1{
+        width:70% !important;
+        white-space: pre-wrap;
+        word-break: break-all; word-wrap:break-word;
+    }
+    .td1 nobr{
+        word-break: break-all; word-wrap:break-word;
+        white-space: pre-wrap;
+    }
+
+    .td2{
+        width:30% !important;
+    }
+
+    #cl_detail .part .items{
+        padding: 0px 5px 5px 5px !important;
     }
 }
+
+#cl_detail .art-main{
+    position: relative;
+}
+#cl_detail .art-main-sp{
+    height: 450px;
+    overflow: hidden;
+}
+.btn-show{
+    bottom: 0;
+    height:30px;
+    text-align: center;
+    background: #fff;
+    width: 100%;
+    line-height: 30px;
+    cursor: pointer;
+    /*background-color: rgba(255, 255, 255, 0.9);*/ /* 半透明白色 */
+}
+
+.btn-bg{
+    height:80px;
+    line-height: 130px;
+    position: absolute;
+    background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,1)), url('your-image.jpg');
+    background-size: cover;
+}
+
+.btn-show span{
+    color: red;
+/*    background: #fff;
+    padding: 5px 15px;
+    border-radius: 15px;*/
+}

template/pc/js/default.js

@@ -17,4 +17,24 @@ jQuery('a').click(function(){
 */
 
 //创建菜单栏
-//document.write("<scr"+"ipt src=\"/nav.js\" charset=\"utf-8\" language=\"JavaScript\"></sc"+"ript>")
+//document.write("<scr"+"ipt src=\"/nav.js\" charset=\"utf-8\" language=\"JavaScript\"></sc"+"ript>")
+
+
+$('#cl_detail .art-main table tr td:nth-child(1)').addClass('td1');
+$('#cl_detail .art-main table tr td:nth-child(2)').addClass('td2');
+
+$(document).on('click','.btn-show',function (){
+    var tx = $(this).children('span').text();
+    if(tx == '点击收起全文'){
+        console.log('eee');
+        $('#cl_detail .art-main').addClass('art-main-sp');
+        $(this).children('span').text('点击查看全文');
+        $(this).addClass('btn-bg');
+    }else{
+        console.log('eee');
+        $('#cl_detail .art-main').removeClass('art-main-sp');
+        $(this).children('span').text('点击收起全文');
+        $(this).removeClass('btn-bg');
+    }
+
+});