Home Explore Help
Register Sign In
xuchaoqing
/
fastadmin_materials_official
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

fix:视频处理

super-yimizi 4 months ago
parent
9c8b9b4bc4
commit
11cf3d405d
8 changed files with 347 additions and 232 deletions
Unified View Show Diff Stats
  1. 233 221
      addons/wwh/view/materials/detail_about.html
  2. 33 2
      addons/wwh/view/materials/list_cases.html
  3. 39 7
      addons/wwh/view/materials/list_product.html
  4. 2 1
      application/admin/lang/zh-cn/wwh/archives.php
  5. 2 1
      application/admin/model/wwh/Archives.php
  6. 15 0
      application/admin/view/wwh/archives/add.html
  7. 14 0
      application/admin/view/wwh/archives/edit.html
  8. 9 0
      public/assets/addons/material/images/play.svg

+ 233 - 221
addons/wwh/view/materials/detail_about.html
View File 

@@ -1,13 +1,14 @@
 
 <!doctype html>

 <!doctype html>

 <html>

 <html>

+

 <head>

 <head>

     <meta charset="utf-8">

     <meta charset="utf-8">

     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

     <meta name="viewport"

     <meta name="viewport"

         content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />

         content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />

     <meta name="renderer" content="webkit">

     <meta name="renderer" content="webkit">

-    <meta name="keywords" content="{:__lm($navCur,'keywords')}"/>

-    <meta name="description" content="{:__lm($navCur,'description')}"/>

+    <meta name="keywords" content="{:__lm($navCur,'keywords')}" />

+    <meta name="description" content="{:__lm($navCur,'description')}" />

     <title>{:__lm($navCur,'seotitle')} - {$site.site_name}</title>

     <title>{:__lm($navCur,'seotitle')} - {$site.site_name}</title>

     <link rel="shortcut icon" href="{$site.logo|cdnurl}">

     <link rel="shortcut icon" href="{$site.logo|cdnurl}">

     <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/reset.css">

     <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/reset.css">

@@ -24,186 +25,198 @@
 
     <script type="text/javascript" src="__CDN__/assets/addons/material/js/javascript.js"></script>

     <script type="text/javascript" src="__CDN__/assets/addons/material/js/javascript.js"></script>

     <style>

     <style>

         /* 公司简介样式 */

         /* 公司简介样式 */

-        .company-profile {           

-          max-width: 1200px;

-          margin: 80px auto 0;

-      }

-      

-      .profile-header {

-          margin-bottom: 40px;

-      }

-      

-      .en-title {

-          font-weight: 400;

-          font-size: 30px;

-          color: #737980;

-          line-height: 44px;

-          letter-spacing: 1px;

-          margin-bottom: 5px;

-      }

-      

-      .cn-title {

-          font-size: 32px;

-          color: #333;

-          font-weight: 500;

-          margin-top: 0;

-      }

-      

-      .profile-content {

-          position: relative; /* 添加这一行 */

-          display: flex;

-          align-items: stretch;

-          margin-bottom: 80px;

-      }

-      

-      .profile-left {

-          flex: 1;

-          display: flex;

-          flex-direction: column;

-          justify-content: flex-start;

-      }        

-      .profile-text {

-          flex: 1;

-          padding-right: 40px;

-      }        

-      .profile-text p {

-          font-size: 16px;

-          line-height: 1.8;

-          color: #333;

-          margin-bottom: 20px;

-          text-align: justify;

-      }

-      .profile-image {

-          position: relative;

-          cursor: pointer;

-      }

-      

-      .profile-image img {

-          width: 100%;

-          height: 100%;

-          object-fit: cover;

-          display: block;

-      }

-      

-      .play-button {

-          position: absolute;

-          left: 50%;

-          top: 50%;

-          transform: translate(-50%, -50%);

-          width: 64px;

-          height: 64px;

-          display: flex;

-          align-items: center;

-          justify-content: center;

-          pointer-events: none;

-      }

-      

-      .play-button img {

-          width: 64px;

-          height: 64px;

-          opacity: 0.85;

-      }

-      

-      .profile-image:hover .play-button img {

-          opacity: 1;

-      }

-      

-      /* 公司数据样式 */

-      .company-data {

-          width: 890px;

-          height: 110px;

-          background-color: #fff;

-          box-shadow: 0 0 10px rgba(0,0,0,0.05);

-          position: absolute;

-          bottom: 40px;

-      }

-      

-      .data-box {

-          display: flex;

-          justify-content: space-between;

-          align-items: stretch;

-          height: 100%;

-      }

-      

-      .data-item {

-          flex: 1 1 0;

-          display: flex;

-          flex-direction: column;

-          align-items: center;

-          justify-content: center;

-          position: relative;

-          height: 110px;

-      }

-      

-      .data-item:not(:last-child)::after {

-          content: '';

-          position: absolute;

-          right: 0;

-          top: 25%;

-          height: 50%;

-          width: 1px;

-          background-color: #cfd2d6;

-      }

-      

-      .data-number-unit {

-          display: flex;

-          align-items: flex-end;

-          justify-content: center;

-      }

-      

-      .data-item h3 {

-          font-weight: 500;

-          font-size: 40px;

-          color: #DF0100;

-          margin: 0;

-          line-height: 1;

-      }

-      

-      .data-unit {

-          font-weight: 400;

-          font-size: 12px;

-          color: #8A9199;

-          margin-left: 4px;

-          margin-bottom: 2px;

-      }

-      

-      .data-title {

-          font-weight: 400;

-          font-size: 12px;

-          color: #737980;

-          /* margin-top: 8px; */

-      }

+        .company-profile {

+            max-width: 1200px;

+            margin: 80px auto 0;

+        }

 

 

-      .company-intro-section {

-          max-width: 1200px;

-          margin: 60px auto 0;

-          padding: 0 20px;

-      }

+        .profile-header {

+            margin-bottom: 40px;

+        }

 

 

-      .intro-paragraph {

-          font-size: 16px;

-          color: #333;

-          line-height: 2;

-          text-align: justify;

-          margin-bottom: 40px;

-      }

+        .en-title {

+            font-weight: 400;

+            font-size: 30px;

+            color: #737980;

+            line-height: 44px;

+            letter-spacing: 1px;

+            margin-bottom: 5px;

+        }

 

 

-      .intro-images-row {

-          display: flex;

-          justify-content: space-between;

-          gap: 40px;

-          margin-bottom: 40px;

-      }

+        .cn-title {

+            font-size: 32px;

+            color: #333;

+            font-weight: 500;

+            margin-top: 0;

+        }

 

 

-      .intro-images-row img {

-          width: 48%;

-          height: 260px;

-          object-fit: cover;

-          border-radius: 6px;

-          box-shadow: 0 2px 12px rgba(0,0,0,0.06);

-      }

+        .profile-content {

+            position: relative;

+            /* 添加这一行 */

+            display: flex;

+            align-items: stretch;

+            margin-bottom: 80px;

+        }

+

+        .profile-left {

+            flex: 1;

+            display: flex;

+            flex-direction: column;

+            justify-content: flex-start;

+        }

+

+        .profile-text {

+            flex: 1;

+            padding-right: 40px;

+        }

+

+        .profile-text p {

+            font-size: 16px;

+            line-height: 1.8;

+            color: #333;

+            margin-bottom: 20px;

+            text-align: justify;

+        }

+

+        .profile-image {

+            position: relative;

+            cursor: pointer;

+        }

+

+        .profile-image img {

+            width: 100%;

+            height: 100%;

+            object-fit: cover;

+            display: block;

+        }

+

+        .play-btn {

+            display: block;

+            position: absolute;

+            width: 66px;

+            height: 66px;

+            left: 50%;

+            top: 50%;

+            margin: -27px 0 0 -27px;

+            z-index: 20;

+        }

+

+        .play-btn i {

+            position: relative;

+            display: block;

+            width: 66px;

+            height: 66px;

+            background: #DF0100 url("__CDN__/assets/addons/material/images/play.svg") center no-repeat;

+            background-size: 35%;

+            border-radius: 100%;

+            z-index: 2;

+        }

+

+        .play-btn i:hover {

+            background: #404040 url("__CDN__/assets/addons/material/images/play.svg") center no-repeat;

+            background-size: 35%;

+        }

 

 

-      /* .video-modal {

+        .profile-image:hover .play-button img {

+            opacity: 1;

+        }

+

+        /* 公司数据样式 */

+        .company-data {

+            width: 890px;

+            height: 110px;

+            background-color: #fff;

+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

+            position: absolute;

+            bottom: 40px;

+        }

+

+        .data-box {

+            display: flex;

+            justify-content: space-between;

+            align-items: stretch;

+            height: 100%;

+        }

+

+        .data-item {

+            flex: 1 1 0;

+            display: flex;

+            flex-direction: column;

+            align-items: center;

+            justify-content: center;

+            position: relative;

+            height: 110px;

+        }

+

+        .data-item:not(:last-child)::after {

+            content: '';

+            position: absolute;

+            right: 0;

+            top: 25%;

+            height: 50%;

+            width: 1px;

+            background-color: #cfd2d6;

+        }

+

+        .data-number-unit {

+            display: flex;

+            align-items: flex-end;

+            justify-content: center;

+        }

+

+        .data-item h3 {

+            font-weight: 500;

+            font-size: 40px;

+            color: #DF0100;

+            margin: 0;

+            line-height: 1;

+        }

+

+        .data-unit {

+            font-weight: 400;

+            font-size: 12px;

+            color: #8A9199;

+            margin-left: 4px;

+            margin-bottom: 2px;

+        }

+

+        .data-title {

+            font-weight: 400;

+            font-size: 12px;

+            color: #737980;

+            /* margin-top: 8px; */

+        }

+

+        .company-intro-section {

+            max-width: 1200px;

+            margin: 60px auto 0;

+            padding: 0 20px;

+        }

+

+        .intro-paragraph {

+            font-size: 16px;

+            color: #333;

+            line-height: 2;

+            text-align: justify;

+            margin-bottom: 40px;

+        }

+

+        .intro-images-row {

+            display: flex;

+            justify-content: space-between;

+            gap: 40px;

+            margin-bottom: 40px;

+        }

+

+        .intro-images-row img {

+            width: 48%;

+            height: 260px;

+            object-fit: cover;

+            border-radius: 6px;

+            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);

+        }

+

+        /* .video-modal {

           position: fixed;

           position: fixed;

           left: 0; top: 0; right: 0; bottom: 0;

           left: 0; top: 0; right: 0; bottom: 0;

           z-index: 9999;

           z-index: 9999;

@@ -238,53 +251,51 @@
 
           background: #000;

           background: #000;

           border-radius: 8px;

           border-radius: 8px;

       } */

       } */

-  </style>

+    </style>

 </head>

 </head>

+

 <body>

 <body>

-<!--头部-->

-{include file="header" /}

-<!-- 栏目Banner -->

-<div class="col-banner">

-    <div class="section-banner">

-        <img src="{$site.banner5|cdnurl}" alt="">

+    <!--头部-->

+    {include file="header" /}

+    <!-- 栏目Banner -->

+    <div class="col-banner">

+        <div class="section-banner">

+            <img src="{$site.banner5|cdnurl}" alt="">

+        </div>

+    </div>

+    <div class="container">

+        <!-- 公司简介 -->

+        <div class="company-profile">

+            <div class="profile-content">

+                <div class="profile-left">

+                    <div class="profile-header wow fadeInUp" data-wow-delay="0.5s">

+                        <h2 class="en-title">COMPANY PROFILE</h2>

+                        <h2 class="cn-title">{$site.ban5_t1}</h2>

+                    </div>

+                    <div class="profile-text wow fadeInUp" data-wow-delay="0.5s">

+                        {$about.about_content|default=''}

+                    </div>

+

+                </div>

+                <div class="profile-image" data-video="file/dance.mp4">

+                    <img src="{$about.about_image|cdnurl}" alt="公司大楼">

+                    {if condition="empty($about.about_video) neq true"}

+                    <a href="javascript:;" class="play-btn m-video" data-src="{$about.about_video|cdnurl}"><i></i></a>

+                    {/if}

+                </div>

+            </div>

+            <!-- 公司简介补充内容 -->

+            <div class="company-intro-section wow fadeInUp" data-wow-delay="0.5s">

+                {$about.about_bottom_content|default=''}

+            </div>

+        </div>

     </div>

     </div>

-</div>

-<div class="container">

-    <!-- 公司简介 -->

-    <div class="company-profile">

-       <div class="profile-content">

-           <div class="profile-left">

-               <div class="profile-header wow fadeInUp" data-wow-delay="0.5s">

-                   <h2 class="en-title">COMPANY PROFILE</h2>

-                   <h2 class="cn-title">{$site.ban5_t1}</h2>

-               </div>

-               <div class="profile-text wow fadeInUp" data-wow-delay="0.5s">

-                {$about.about_content|default=''}       

-               </div>

-               

-           </div>

-           <div class="profile-image" data-video="file/dance.mp4">

-               <img src="{$about.about_image|cdnurl}" alt="公司大楼">

-               <!-- <div class="play-button">

-                   <img src="images/projects/play-icon.png" alt="播放"> -->

-               </div>

-               {if condition="empty($about.about_video) neq true"}

-               <a href="javascript:;" class="play-btn m-video ani" data-src="{$about.about_video|cdnurl}"><i></i></a>

-               {/if}

-           </div>         

-       </div>

-       <!-- 公司简介补充内容 -->

-       <div class="company-intro-section wow fadeInUp" data-wow-delay="0.5s">

-           {$about.about_bottom_content|default=''} 

-       </div>

-   </div>

-</div>

 

 

-<!--底部-->

-{include file="footer" /}

-<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/video.css">

-<script type='text/javascript' src="__CDN__/assets/addons/material/js/video.js"></script>

-<!-- <script type="text/javascript">

+    <!--底部-->

+    {include file="footer" /}

+    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/video.css">

+    <script type='text/javascript' src="__CDN__/assets/addons/material/js/video.js"></script>

+    <!-- <script type="text/javascript">

     var swiper = new Swiper('.swiper-container', {

     var swiper = new Swiper('.swiper-container', {

         // autoplay: true, //自动滑动

         // autoplay: true, //自动滑动

         speed: 500,

         speed: 500,

@@ -301,4 +312,5 @@
 
     });

     });

 </script> -->

 </script> -->

 </body>

 </body>

-</html>

+

+</html>

+ 33 - 2
addons/wwh/view/materials/list_cases.html
View File 

@@ -100,6 +100,32 @@
 
                 color: #666;

                 color: #666;

                 line-height: 1.5;

                 line-height: 1.5;

             }

             }

+            .play-btn {

+                display: block;

+                position: absolute;

+                width: 66px;

+                height: 66px;

+                left: 50%;

+                top: 50%;

+                margin: -27px 0 0 -27px;

+                z-index: 20;

+            }

+

+            .play-btn i {

+                position: relative;

+                display: block;

+                width: 66px;

+                height: 66px;

+                background: #DF0100 url("__CDN__/assets/addons/material/images/play.svg") center no-repeat;

+                background-size: 35%;

+                border-radius: 100%;

+                z-index: 2;

+            }

+

+            .play-btn i:hover {

+                background: #404040 url("__CDN__/assets/addons/material/images/play.svg") center no-repeat;

+                background-size: 35%;

+            }

         </style>

         </style>

 </head>

 </head>

 <body>

 <body>

@@ -109,7 +135,7 @@
 
 

 

 <div class="col-banner">

 <div class="col-banner">

     <div class="section-banner">

     <div class="section-banner">

-        <img src="{$site.banner2|cdnurl}" alt="荣誉资质横幅">

+        <img src="{$site.banner2|cdnurl}" alt="">

     </div>

     </div>

     <div class="section-header wow fadeInUp" data-wow-delay="0.3s">

     <div class="section-header wow fadeInUp" data-wow-delay="0.3s">

         <p>PROJECT CASE</p>

         <p>PROJECT CASE</p>

@@ -124,10 +150,13 @@
 
         {volist name="archives" id="v"}

         {volist name="archives" id="v"}

             <div class="project-item wow fadeInUp" data-wow-delay="0.5s">

             <div class="project-item wow fadeInUp" data-wow-delay="0.5s">

                 <div class="project-image">

                 <div class="project-image">

-                    <img src="{$v.image|cdnurl}" alt="晴天商务大厦">

+                    <img src="{$v.image|cdnurl}" alt="">

                     <!-- <div class="play-button">

                     <!-- <div class="play-button">

                         <img src="images/projects/play-icon.png" alt="播放">

                         <img src="images/projects/play-icon.png" alt="播放">

                     </div> -->

                     </div> -->

+                    {if condition="empty($v.video) neq true"}

+                    <a href="javascript:;" class="play-btn m-video" data-src="{$v.video|cdnurl}"><i></i></a>

+                    {/if}

                 </div>

                 </div>

                 <div class="project-info">

                 <div class="project-info">

                     <h3>{$v.title}</h3>

                     <h3>{$v.title}</h3>

@@ -141,5 +170,7 @@
 
 

 

 <!-- 底部 -->

 <!-- 底部 -->

 {include file="footer" /}

 {include file="footer" /}

+<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/video.css">

+<script type='text/javascript' src="__CDN__/assets/addons/material/js/video.js"></script>

 </body>

 </body>

 </html>

 </html>

+ 39 - 7
addons/wwh/view/materials/list_product.html
View File 

@@ -347,6 +347,32 @@
 
             gap: 32px 24px;

             gap: 32px 24px;

             justify-content: flex-start;

             justify-content: flex-start;

         }

         }

+        .play-btn {

+                display: block;

+                position: absolute;

+                width: 66px;

+                height: 66px;

+                left: 50%;

+                top: 50%;

+                margin: -27px 0 0 -27px;

+                z-index: 20;

+            }

+

+            .play-btn i {

+                position: relative;

+                display: block;

+                width: 66px;

+                height: 66px;

+                background: #DF0100 url("__CDN__/assets/addons/material/images/play.svg") center no-repeat;

+                background-size: 35%;

+                border-radius: 100%;

+                z-index: 2;

+            }

+

+            .play-btn i:hover {

+                background: #404040 url("__CDN__/assets/addons/material/images/play.svg") center no-repeat;

+                background-size: 35%;

+            }

     </style>

     </style>

 </head>

 </head>

 

 

@@ -409,7 +435,8 @@
 
                     <div class="news-item wow fadeInUp" data-wow-delay="0.6s"

                     <div class="news-item wow fadeInUp" data-wow-delay="0.6s"

                          data-title="{$v.title}"

                          data-title="{$v.title}"

                          data-image="{$v.image|cdnurl}"

                          data-image="{$v.image|cdnurl}"

-                         data-content="{$v.p_func_content|strip_tags}">

+                         data-content="{$v.p_func_content|strip_tags}"

+                         data-video="{$v.video|cdnurl}">

                         <div class="news-image">

                         <div class="news-image">

                             <img src="{$v.image|cdnurl}" alt="{$v.title}">

                             <img src="{$v.image|cdnurl}" alt="{$v.title}">

                         </div>

                         </div>

@@ -434,9 +461,7 @@
 
                     <div class="product-modal-left">

                     <div class="product-modal-left">

                         <img id="modal-image" src="images/product/goods.png" alt="">

                         <img id="modal-image" src="images/product/goods.png" alt="">

                         <!-- 视频按钮可选，后续JS控制显示隐藏 -->

                         <!-- 视频按钮可选，后续JS控制显示隐藏 -->

-                        <div class="play-button" style="display:none;">

-                            <img src="images/projects/play-icon.png" alt="播放">

-                        </div>

+                        <a href="javascript:;" class="play-btn m-video" style="display:none;"><i></i></a>

                     </div>

                     </div>

                     <div class="product-modal-right">

                     <div class="product-modal-right">

                         <h2 class="product-title" id="modal-title">标题</h2>

                         <h2 class="product-title" id="modal-title">标题</h2>

@@ -453,6 +478,8 @@
 
     </div>

     </div>

     <!-- 底部 -->

     <!-- 底部 -->

     {include file="footer" /}

     {include file="footer" /}

+<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/video.css">

+<script type='text/javascript' src="__CDN__/assets/addons/material/js/video.js"></script>

     <script>

     <script>

         $(document).ready(function () {

         $(document).ready(function () {

 

 

@@ -461,14 +488,19 @@
 
                 var title = $(this).data('title');

                 var title = $(this).data('title');

                 var image = $(this).data('image');

                 var image = $(this).data('image');

                 var content = $(this).data('content');

                 var content = $(this).data('content');

+                var video = $(this).data('video');

                 // 动态填充内容

                 // 动态填充内容

                 $('#modal-title').text(title);

                 $('#modal-title').text(title);

                 $('#modal-image').attr('src', image).attr('alt', title);

                 $('#modal-image').attr('src', image).attr('alt', title);

                 $('#modal-content').html(content);

                 $('#modal-content').html(content);

 

 

-                // 如需控制视频按钮显示/隐藏，可根据实际业务判断

-                // $('.play-button').hide(); // 默认隐藏

-                // if(需要显示视频按钮) $('.play-button').show();

+                // 视频按钮处理

+                var $playBtn = $('.play-btn.m-video');

+                if(video) {

+                    $playBtn.show().attr('data-src', video);

+                } else {

+                    $playBtn.hide().removeAttr('data-src');

+                }

 

 

                 // 显示弹框

                 // 显示弹框

                 $('#product-modal').fadeIn();

                 $('#product-modal').fadeIn();

+ 2 - 1
application/admin/lang/zh-cn/wwh/archives.php
View File 

@@ -4,7 +4,7 @@ return [
 
     'Column'         => '栏目',
 
     'Column'         => '栏目',
 
     'Type'           => '类型',
 
     'Type'           => '类型',
 
     'product'        => '产品中心',
 
     'product'        => '产品中心',
 
-    'cases'          => '解决方案',
 
+    'cases'          => '工程案例',
 
     'download'       => '资料下载',
 
     'download'       => '资料下载',
 
     'news'           => '新闻中心',
 
     'news'           => '新闻中心',
 
     'Column_id'      => '栏目ID',
 
     'Column_id'      => '栏目ID',
 
@@ -12,6 +12,7 @@ return [
 
     'Column list'    => '栏目列表',
 
     'Column list'    => '栏目列表',
 
     'Title'          => '文章标题',
 
     'Title'          => '文章标题',
 
     'Image'          => '缩略图',
 
     'Image'          => '缩略图',
 
+    'Video'          => '视频',
 
     'Images'         => '组图',
 
     'Images'         => '组图',
 
     'Rec_image'      => '首页推荐图',
 
     'Rec_image'      => '首页推荐图',
 
     'Seotitle'       => 'SEO标题',
 
     'Seotitle'       => 'SEO标题',

+ 2 - 1
application/admin/model/wwh/Archives.php
View File 

@@ -67,7 +67,8 @@ class Archives extends Model
 
 
 
     public static function getTypeList()
 
     public static function getTypeList()
 
     {
 
     {
 
-        return ['product' => __('Product'), 'cases' => __('Cases'), 'download' => __('Download'), 'news' => __('News')];
 
+        //return ['product' => __('Product'), 'cases' => __('Cases'), 'download' => __('Download'), 'news' => __('News')];
 
+        return ['product' => __('Product'), 'cases' => __('Cases'), 'news' => __('News')];
 
     }
 
     }
 
 
 
     public function getUrlAttr($value, $data)
 
     public function getUrlAttr($value, $data)

+ 15 - 0
application/admin/view/wwh/archives/add.html
View File 

@@ -38,6 +38,20 @@
 
             <ul class="row list-inline faupload-preview" id="p-image"></ul>
 
             <ul class="row list-inline faupload-preview" id="p-image"></ul>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
+    <div class="form-group tf tf-product tf tf-cases">
 
+        <label class="control-label col-xs-12 col-sm-2">{:__('Video')}:</label>
 
+        <div class="col-xs-12 col-sm-8">
 
+            <div class="input-group">
 
+                <input id="c-video" class="form-control" size="50" name="row[video]" type="text" value="">
 
+                <div class="input-group-addon no-border no-padding">
 
+                    <span><button type="button" id="faupload-video" class="btn btn-danger faupload" data-input-id="c-video" data-mimetype="video/mp4" data-multiple="false" data-preview-id="p-video"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
 
+                    <span><button type="button" id="fachoose-video" class="btn btn-primary fachoose" data-input-id="c-video" data-mimetype="video/mp4" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
 
+                </div>
 
+                <span class="msg-box n-right" for="c-video"></span>
 
+            </div>
 
+            <ul class="row list-inline faupload-preview" id="p-video"></ul>
 
+        </div>
 
+    </div>
 
     <div class="form-group tf tf-product tf tf-cases tf tf-news">
 
     <div class="form-group tf tf-product tf tf-cases tf tf-news">
 
         <label class="control-label col-xs-12 col-sm-2">{:__('Seotitle')}:</label>
 
         <label class="control-label col-xs-12 col-sm-2">{:__('Seotitle')}:</label>
 
         <div class="col-xs-12 col-sm-8">
 
         <div class="col-xs-12 col-sm-8">
 
@@ -70,6 +84,7 @@
 
             <ul class="row list-inline faupload-preview" id="p-images"></ul>
 
             <ul class="row list-inline faupload-preview" id="p-images"></ul>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
+   
     <div class="form-group tf tf-product tf tf-news tf tf-cases">
 
     <div class="form-group tf tf-product tf tf-news tf tf-cases">
 
         <label class="control-label col-xs-12 col-sm-2">{:__('Rec_data')}:</label>
 
         <label class="control-label col-xs-12 col-sm-2">{:__('Rec_data')}:</label>
 
         <div class="col-xs-12 col-sm-8">
 
         <div class="col-xs-12 col-sm-8">

+ 14 - 0
application/admin/view/wwh/archives/edit.html
View File 

@@ -38,6 +38,20 @@
 
             <ul class="row list-inline faupload-preview" id="p-image"></ul>
 
             <ul class="row list-inline faupload-preview" id="p-image"></ul>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
+    <div class="form-group tf tf-product tf tf-cases">
 
+        <label class="control-label col-xs-12 col-sm-2">{:__('Video')}:</label>
 
+        <div class="col-xs-12 col-sm-8">
 
+            <div class="input-group">
 
+                <input id="c-video" class="form-control" size="50" name="row[video]" type="text" value="{$row.video|htmlentities}">
 
+                <div class="input-group-addon no-border no-padding">
 
+                    <span><button type="button" id="faupload-video" class="btn btn-danger faupload" data-input-id="c-video" data-mimetype="video/mp4" data-multiple="false" data-preview-id="p-video"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
 
+                    <span><button type="button" id="fachoose-video" class="btn btn-primary fachoose" data-input-id="c-video" data-mimetype="video/mp4" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
 
+                </div>
 
+                <span class="msg-box n-right" for="c-video"></span>
 
+            </div>
 
+            <ul class="row list-inline faupload-preview" id="p-video"></ul>
 
+        </div>
 
+    </div>
 
     <div class="form-group tf tf-product tf tf-cases tf tf-news">
 
     <div class="form-group tf tf-product tf tf-cases tf tf-news">
 
         <label class="control-label col-xs-12 col-sm-2">{:__('Seotitle')}:</label>
 
         <label class="control-label col-xs-12 col-sm-2">{:__('Seotitle')}:</label>
 
         <div class="col-xs-12 col-sm-8">
 
         <div class="col-xs-12 col-sm-8">

+ 9 - 0
public/assets/addons/material/images/play.svg
View File 

@@ -0,0 +1,9 @@
 
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">

+<style type="text/css">

+	.st0{fill:#FFFFFF;}

+</style>

+<path class="st0" d="M18,10L4,19V1L18,10z"/>

+</svg>