video-template-3

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

@@ -0,0 +1,118 @@
+{extend name="base" /}
+
+{block name="get-data"}
+
+{site:grm page_code="h5_video_search" diff="$Request.url" num="30" g_key="arrGrm" /}
+{/block}
+
+{block name="title"}我的观看记录{/block}
+{block name="keywords"}我的观看记录{/block}
+{block name="description"}我的观看记录{/block}
+
+
+
+{block name="head"}
+
+{/block}
+
+
+{block name="head-css"}
+
+{/block}
+
+{block name="head-js"}
+
+{/block}
+
+{block name="main"}
+
+
+<div class="wrap">
+    <div class="container min">
+        
+        <div class="row">
+            <div class="myui-panel myui-panel-bg clearfix">
+                <div class="myui-panel-box clearfix">
+                    <div class="myui-panel_hd">
+                        <div class="myui-panel__head active bottom-line clearfix">
+                            <h2 class="a1100b title">观看记录</h2>
+                        </div>
+                    </div>
+                    <div class="myui-panel_bd col-pd clearfix">
+                        <ul class="myui-vodlist__media clearfix" id="historyContainer">
+
+                        </ul>
+                    </div>
+                </div>
+            </div>
+           
+        </div>
+    </div>
+</div>
+
+{/block}
+{block name="customize"}
+<script>
+    const strVideoUrlTemp = `{site:replace code="VIDEO_INFO_URL"}`;
+    const strVideoPlayUrlTemp = `{site:replace code="VIDEO_PLAY_URL"}`;
+    const strSearchUrlTemp = `{site:replace code="VIDEO_SEARCH_LIST_URL"}`;
+    // 调用展示书架功能
+    document.addEventListener("DOMContentLoaded", function () {
+        const secondTemplate = `
+            <li class="active clearfix">
+                <div class="thumb">
+                    <a class="myui-vodlist__thumb img-lg-150 img-xs-100 lazyload"
+                        href={{videoUrl}} 
+                        title="{{videoName}}"
+                        data-src="{{videoPic}}"
+                        data-original="{{videoPic}}"
+                        style="background-image: url(&quot;{{videoPic}}&quot;);">
+                        <span class="play hidden-xs"></span>
+                        <span class="pic-tag pic-tag-top" style="background-color: #5bb7fe;">{$Video.v_score}分</span>
+                        <span class="pic-text text-right">{{videoRemarks}}</span>
+                    </a>
+                </div>
+                <div class="detail">
+                    <h4 class="title">
+                        <a href={{videoUrl}}>
+                            {{videoName}}
+                        </a>
+                    </h4>
+                    <p><span class="text-muted">导演：</span>内详</p>
+                    <p><span class="text-muted">主演：</span>内详</p>
+                    <p><span class="text-muted">分类：</span>
+                        {{videoParentCategory}}
+                        <span class="split-line"></span>
+                        <span class="text-muted hidden-xs">地区：</span>
+                        内详
+                        <span class="split-line"></span>
+                        <span class="text-muted hidden-xs">年份：</span>
+                        {{videoYear}}
+                    </p>
+                    <p class="hidden-xs">
+                        <span class="text-muted">简介：</span>
+                        ...
+                        <a href={{videoUrl}}>详情 &gt;</a>
+                    </p>
+                    <p class="margin-0">
+                        <a class="btn btn-sm btn-warm"
+                            href='{{videoPlayUrl}}'>
+                            <i class="fa fa-play"></i>
+                            立即播放
+                        </a>
+                        &nbsp;&nbsp;
+                        <a class="btn btn-sm btn-default hidden-xs"
+                            href={{videoUrl}}>
+                            查看详情
+                            <i class="fa fa-angle-right"></i>
+                        </a>
+                    </p>
+                </div>
+            </li>
+            
+        `;
+        // 调用展示书架功能
+        displayHistory(secondTemplate);
+    })
+</script>
+{/block}