182 lines
5.9 KiB
HTML
182 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
||
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文，zh-cmn-Hans:简体中文 -->
|
||
<html lang="zh-cmn-Hans">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta name="description" content="基于SEO网站" />
|
||
<meta name="keywords" content="基于SEO网站" />
|
||
<meta name="applicable-device" content="pc,mobile" />
|
||
<meta name="MobileOptimized" content="width" />
|
||
<meta name="HandheldFriendly" content="true" />
|
||
<meta name="robots" content="noarchive" />
|
||
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
|
||
<meta name="theme-color" content="#db5945">
|
||
<meta name="google" value="notranslate">
|
||
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
|
||
<title></title>
|
||
<link rel="stylesheet" type="text/css" href="../css/base.css" />
|
||
<link rel="stylesheet" href="../css/swiper.min.css">
|
||
<link rel="stylesheet" type="text/css" href="../css/style.css" />
|
||
<script src="../js/swiper.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="nav conNav navIpd">
|
||
<div class="navTop">
|
||
<img src="../imgs/logo.png" alt="">
|
||
</div>
|
||
<div class="navLsit">
|
||
<a href="./contentPage.html">盛堂世家</a>
|
||
<a href="./indexBrand.html">盛堂品牌</a>
|
||
<a href="./aboutUs.html">關於Allen Zhou</a>
|
||
<a class="on" href="./honoraryCertificate.html">資質榮譽
|
||
<object class="make">
|
||
<a href="./honoraryCertificate.html">資質榮譽 </a>
|
||
<a class="on" href="./Interview.html">人物專訪</a>
|
||
</object>
|
||
</a>
|
||
<a href="./projectIntroduction.html">項目介紹</a>
|
||
<a href="./brand.html">名品軟裝</a>
|
||
<a href="./engineering.html">工程工藝 </a>
|
||
<a href="./contactUs.html">聯繫我們</a>
|
||
</div>
|
||
</div>
|
||
<div class="main">
|
||
<img src="../imgs/rwzf.png" class="ber" alt="">
|
||
<div class="con">
|
||
<div class="h100 mainCon mainInterview">
|
||
<div class="Interview">
|
||
<div class="InterviewTitle">
|
||
<p class="title">人物專訪</p>
|
||
<div class="select">
|
||
<select name="" id="">
|
||
<option value="">所有</option>
|
||
<option value=""></option>
|
||
<option value=""></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="InterviewCon">
|
||
<div class="swiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="InterviewSwiper">
|
||
<div class="lisiImg">
|
||
<img class="img" src="../imgs/ry.png" alt="">
|
||
<div class="suspended">
|
||
<div class="tart">
|
||
<img src="../imgs/zt.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="listDate">
|
||
<p>2022年 </p>
|
||
<p>1月18日</p>
|
||
</div>
|
||
</div>
|
||
<div class="listText">
|
||
<p>人物專訪標題文字後台上傳人物專訪標題文字後台上傳</p>
|
||
<a href="./InterviewDetails.html"> 查看详情</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="InterviewSwiper">
|
||
<div class="lisiImg">
|
||
<img class="img" src="../imgs/ry.png" alt="">
|
||
<div class="suspended">
|
||
<div>
|
||
<img src="../imgs/zt.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="listDate">
|
||
<p>2022年 </p>
|
||
<p>1月18日</p>
|
||
</div>
|
||
</div>
|
||
<div class="listText">
|
||
<p>人物專訪標題文字後台上傳人物專訪標題文字後台上傳</p>
|
||
<a href="./InterviewDetails.html"> 查看详情</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="InterviewSwiper">
|
||
<div class="lisiImg">
|
||
<img class="img" src="../imgs/ry.png" alt="">
|
||
<div class="suspended tart"
|
||
data-video="https://vd2.bdstatic.com/mda-nbba4sdn5xmdg9nr/cae_h264_delogo/1644650007350388119/mda-nbba4sdn5xmdg9nr.mp4?v_from_s=hkapp-haokan-hnb&auth_key=1644760935-0-0-0a884c55203aeec34ed6716f34378ac1&bcevod_channel=searchbox_feed&pd=1&pt=3&logid=1935311760&vid=3652578289962885376&abtest=&klogid=1935311760"
|
||
class="suspended">
|
||
<div>
|
||
<img src="../imgs/zt.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="listDate">
|
||
<p>2022年 </p>
|
||
<p>1月18日</p>
|
||
</div>
|
||
</div>
|
||
<div class="listText">
|
||
<p>人物專訪標題文字後台上傳人物專訪標題文字後台上傳</p>
|
||
<a href="./InterviewDetails.html"> 查看详情</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持：全美网络 </a>
|
||
</div>
|
||
<div class="makeV">
|
||
<video controls="controls" src=""></video>
|
||
<button type="button">关闭</button>
|
||
</div>
|
||
<script src="../js/jquery.min.js"></script>
|
||
<div class="navCon">
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
</div>
|
||
<a href="/" class="returnIndex">
|
||
<img src="../imgs/home.png" alt="">
|
||
</a>
|
||
<script>
|
||
var mySwiper = new Swiper('.swiper', {
|
||
|
||
// 如果需要分页器
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
},
|
||
|
||
// 如果需要前进后退按钮
|
||
navigation: {
|
||
nextEl: '.swiper-button-next',
|
||
prevEl: '.swiper-button-prev',
|
||
},
|
||
|
||
// 如果需要滚动条
|
||
scrollbar: {
|
||
el: '.swiper-scrollbar',
|
||
},
|
||
})
|
||
console.log($(".tart"));
|
||
$(".tart").on("click", function() {
|
||
|
||
$(".makeV").css("display", "flex")
|
||
$(".makeV video").attr("src", $(this).data("video"))
|
||
|
||
})
|
||
$(".makeV button").on("click", function() {
|
||
|
||
$(".makeV").css("display", "none")
|
||
|
||
})
|
||
</script>
|
||
</body>
|
||
<script src="../js/navBar.js"></script>
|
||
</html>
|