video-template-5

code/app/home/view/videoNuNu/user/getHistory.html

@@ -25,54 +25,44 @@
 {/block}
 
 {block name="main"}
-<div class="container">
+<div class="a0395c container" style="margin-top:10px">
+    
 
+    <div class="a0f98b row">
+        <div class="fd0958 col-md-wide-75 col-sm-wide-1 pt-xs-0 pr-xs-5 mt-xs-0 main-left">
+            <div class="f96105 pannel-box mt-xs-0 clearfix">
 
-    <div class="eb5be5 row">
-        <div class="fb7647 col-xs-1 col-md-wide-75">
-            <div class="eceb3c lvshicms-panel lvshicms-panel-bg clearfix">
-                <div class="b173ae lvshicms-panel-box clearfix">
-                    <div class="f66d8c lvshicms-panel_bd clearfix">
-                        <div class="bf9492 lvshicms-panel_hd">
-                            <div class="be8a1c lvshicms-panel__head bottom-line active clearfix">
-                                <h3 class="a1100b title"> 观看记录 </h3>
-                            </div>
-                        </div>
-                        <ul class="d9e43b lvshicms-vodlist clearfix" id="historyContainer">
-                            
-                        </ul>
-                    </div>
+                <div class="cd1b0f box-title">
+                    <h2 class="a1100b title"> 观看记录 </h2>
+                </div>
+
+                <div class="ca586e clearfix" id="content">
+                    <ul class="fb3c38 img-list clearfix news-list hide-hits" id="historyContainer">
+                        
+                        
+                    </ul>
                 </div>
             </div>
+       
         </div>
-        <div class="a51b92 hidden-xs hidden-sm col-md-wide-25">
-            <div class="cc593d lvshicms-panel lvshicms-panel-bg clearfix">
-                <div class="dcb74d lvshicms-panel-box clearfix">
-                    <div class="dae8b0 lvshicms-panel_hd">
-                        <div class="d7bedc lvshicms-panel__head active bottom-line clearfix">
-                            <h3 class="f48698 title">周榜单 </h3>
-                            <a class="c502a3 more text-muted right bg" href="{$strRankUrlTemp}">更多 <i
-                                    class="ed6c4f fa fa-angle-right"></i></a>
-                        </div>
-                    </div>
-                    <div class="a0c205 lvshicms-panel_bd">
-                        <ul class="f39a35 lvshicms-vodlist__text col-pd clearfix">
-                            {video:ranklist count="20"
-                                sort_type="weekly"
-                                d_key="key" d_val="Video" cache_life="86400"}
-                                {include file="public/video-list-phb" start="80"/}
-                            {/video:ranklist}
-                        </ul>
-                    </div>
+        <div class="fb44a5 col-md-wide-25 pt-xs-0 main-right hidden-sm hidden-xs" style="position:sticky;top:-10px;">
+            <div class="dfb7d2 pannel-box mt-xs-0 clearfix">
+                <div class="e3a1c3 box-title "><span class="dea086 title-lb"></span>
+                    <h2>热门影视</h2>
                 </div>
+                <ul class="d6b451 txt-list txt-list-hot p-xs-0">
+                    {video:ranklist count="20"
+                            sort_type="weekly"
+                            d_key="key" d_val="Video" cache_life="86400"}
+                            {include file="public/video-list-phb" start="80"/}
+                            {/video:ranklist}
+                </ul>
             </div>
         </div>
     </div>
-
-    
-
-  
 </div>
+
+
 {/block}
 {block name="customize"}
 <script>
@@ -82,25 +72,30 @@
     // 调用展示书架功能
     document.addEventListener("DOMContentLoaded", function () {
         const secondTemplate = `
-            <li class="fc7a7d col-lg-[col-lg] col-md-4 col-sm-3 col-xs-2">
-                <div class="a9a18d lvshicms-vodlist__box">
-                    <a class="d0ff14 lvshicms-vodlist__thumb lazyload lazyload-bg" 
-                        href="{{videoUrl}}" 
-                        title="{{videoName}}" 
-                        data-src="{{videoPic}}" 
-                        data-original="{{videoPic}}" 
-                        style="background-image: url('{{videoPic}}');">
-                        <span class="c3b20e play hidden-xs"></span>
-                        <span class="bf637e pic-text text-right">{{videoRemarks}}</span>
+           <li class="col-md-6 col-sm-4 col-xs-3">
+                <div class="stui-vodlist__box">
+                    <a class="stui-vodlist__thumb lazyload-bg"
+                    href='{{videoUrl}}' 
+                    title="{{videoName}}"
+                    style="background-image: url(&quot;{{videoPic}}&quot;);">
+                        <span class="play hidden-xs"></span>
+                        <span class="pic-text text-right">{{videoRemarks}}</span>
                     </a>
-                    <div class="dbbcf6 lvshicms-vodlist__detail">
-                        <h4 class="c9c8c4 title text-overflow">
-                            <a href="{{videoUrl}}" title="{{videoName}}">{{videoName}}</a>
-                        </h4>
-                        <p class="ed925a text text-overflow text-muted hidden-xs">描述：{{videoDescription}}</p>
+                    <div class="stui-vodlist__detail">
+                        <h3 class="title text-overflow">
+                            <a href='{{videoUrl}}'  >
+                                {{videoName}}
+                            </a>
+                        </h3>
+                        <p class="text text-overflow text-muted hidden-xs">
+                            {{videoActor}}
+                        </p>
                     </div>
                 </div>
             </li>
+
+           
+
         `;
         // 调用展示书架功能
         displayHistory(secondTemplate);