621 lines
23 KiB
HTML
621 lines
23 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<!--====== 必需的元标签 ======-->
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<meta name="description" content="{yz:description}" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
|
|
<!--====== 标题 ======-->
|
|
<title>{yz:sitename}</title>
|
|
|
|
<!--====== 网站图标 ======-->
|
|
<link rel="shortcut icon" href="{yz:ico}" type="image/svg" />
|
|
|
|
<!--====== Bootstrap 样式 ======-->
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
|
|
|
|
<!--====== Line Icons 样式 ======-->
|
|
<link rel="stylesheet" href="assets/css/lineicons.css" />
|
|
|
|
<!--====== Tiny Slider 样式 ======-->
|
|
<link rel="stylesheet" href="assets/css/tiny-slider.css" />
|
|
|
|
<!--====== gLightBox 样式 ======-->
|
|
<link rel="stylesheet" href="assets/css/glightbox.min.css" />
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!--====== 导航栏 开始 ======-->
|
|
|
|
<section class="navbar-area navbar-nine">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<nav class="navbar navbar-expand-lg">
|
|
<a class="navbar-brand" href="/">
|
|
<img src="{yz:logo}" alt="{yz:sitename}" />
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNine"
|
|
aria-controls="navbarNine" aria-expanded="false" aria-label="切换导航">
|
|
<span class="toggler-icon"></span>
|
|
<span class="toggler-icon"></span>
|
|
<span class="toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse sub-menu-bar" id="navbarNine">
|
|
<ul class="navbar-nav me-auto">
|
|
<li class="nav-item">
|
|
<a href="/">主页</a>
|
|
</li>
|
|
{yz:nav}
|
|
<li class="nav-item">
|
|
<a href="[field:url/]">[field:name/]</a>
|
|
[field:children/]
|
|
</li>
|
|
{/yz:nav}
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="navbar-btn d-none d-lg-inline-block">
|
|
<a class="menu-bar" href="#side-menu-left"><i class="lni lni-menu"></i></a>
|
|
</div>
|
|
</nav>
|
|
<!-- 导航栏 -->
|
|
</div>
|
|
</div>
|
|
<!-- row -->
|
|
</div>
|
|
<!-- container -->
|
|
</section>
|
|
|
|
<!--====== 导航栏 结束 ======-->
|
|
|
|
<!--====== 侧边栏 开始 ======-->
|
|
|
|
<div class="sidebar-left">
|
|
<div class="sidebar-close">
|
|
<a class="close" href="#close"><i class="lni lni-close"></i></a>
|
|
</div>
|
|
<div class="sidebar-content">
|
|
<div class="sidebar-logo">
|
|
<a href="/"><img src="{yz:logo}" alt="{yz:sitename}" /></a>
|
|
</div>
|
|
<p class="text">{yz:description}</p>
|
|
<!-- logo -->
|
|
<div class="sidebar-menu">
|
|
<h5 class="menu-title">快速链接</h5>
|
|
<ul>
|
|
{yz:nav}
|
|
<li><a href="[field:url/]">[field:name/]</a></li>
|
|
{/yz:nav}
|
|
</ul>
|
|
</div>
|
|
<!-- menu -->
|
|
<div class="sidebar-social align-items-center justify-content-center">
|
|
<h5 class="social-title">关注我们</h5>
|
|
<ul>
|
|
<li>
|
|
<a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0)"><i class="lni lni-youtube"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- 侧边栏社交 -->
|
|
</div>
|
|
<!-- content -->
|
|
</div>
|
|
<div class="overlay-left"></div>
|
|
|
|
<!--====== 侧边栏 结束 ======-->
|
|
|
|
<!-- 头部区域 开始 -->
|
|
<section id="hero-area" class="header-area header-eight">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 col-md-12 col-12">
|
|
<div class="header-content">
|
|
<h1>欢迎访问云泽网</h1>
|
|
<p>
|
|
我们是一家数字机构，帮助品牌实现商业目标。我们视技术为创造卓越成果的工具。
|
|
</p>
|
|
<div class="button">
|
|
<a href="javascript:void(0)" class="btn primary-btn">了解详情</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-12 col-12">
|
|
<div class="header-image">
|
|
<img src="assets/images/header/hero-image.jpg" alt="云泽网 创意设计" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- 头部区域 结束 -->
|
|
|
|
<!--====== 新闻中心 开始 ======-->
|
|
|
|
<section id="news-center" class="news-center-area">
|
|
<div class="section-title-five">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="content">
|
|
<h6>资讯动态</h6>
|
|
<h2 class="fw-bold">新闻中心</h2>
|
|
<p>了解最新动态、行业资讯与公司公告。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
{yz:newscenter row="8" titlelen="28"}
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|
<div class="single-news news-center-item">
|
|
<div class="image">
|
|
<a href="[field:arcurl/]"><img class="thumb" src="[field:image/]" alt="[field:titlefull/]" onerror="this.style.display='none'" /></a>
|
|
<div class="meta-details">
|
|
<span>[field:pubdate/]</span>
|
|
</div>
|
|
</div>
|
|
<div class="content-body">
|
|
<h4 class="title">
|
|
<a href="[field:arcurl/]" title="[field:titlefull/]">[field:title/]</a>
|
|
</h4>
|
|
<p>[field:desc/]</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/yz:newscenter}
|
|
<div class="news-center-more">
|
|
<a href="/news" class="btn primary-btn-outline">查看更多</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--====== 新闻中心 结束 ======-->
|
|
|
|
<!-- ===== 服务区域 开始 ===== -->
|
|
<section id="services" class="services-area services-eight">
|
|
<!--====== 标题区域 开始 ======-->
|
|
<div class="section-title-five">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="content">
|
|
<h6>产品中心</h6>
|
|
<h2 class="fw-bold">精选产品展示</h2>
|
|
<p>
|
|
面向企业数字化运营，提供开箱即用、可持续扩展的产品能力。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- row -->
|
|
</div>
|
|
<!-- container -->
|
|
</div>
|
|
<!--====== 标题区域 结束 ======-->
|
|
<div class="container">
|
|
<div class="row product-showcase-grid">
|
|
<div class="col-lg-4 col-md-6">
|
|
<article class="product-showcase-card product-showcase-card--primary">
|
|
<div class="product-showcase-icon"><i class="lni lni-dashboard"></i></div>
|
|
<span class="product-showcase-tag">运营增长</span>
|
|
<h3>企业运营中台</h3>
|
|
<p>统一连接客户、业务和数据，帮助团队快速构建可度量的运营闭环。</p>
|
|
<a href="#contact" class="product-showcase-link">了解产品 <i class="lni lni-arrow-right"></i></a>
|
|
</article>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<article class="product-showcase-card">
|
|
<div class="product-showcase-icon"><i class="lni lni-layers"></i></div>
|
|
<span class="product-showcase-tag">协同办公</span>
|
|
<h3>智能协作平台</h3>
|
|
<p>聚合任务、审批与知识资产，让跨部门协作清晰有序、高效推进。</p>
|
|
<a href="#contact" class="product-showcase-link">了解产品 <i class="lni lni-arrow-right"></i></a>
|
|
</article>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<article class="product-showcase-card">
|
|
<div class="product-showcase-icon"><i class="lni lni-bar-chart"></i></div>
|
|
<span class="product-showcase-tag">数据洞察</span>
|
|
<h3>经营分析系统</h3>
|
|
<p>将分散经营数据转化为实时洞察，为每一次关键决策提供可靠依据。</p>
|
|
<a href="#contact" class="product-showcase-link">了解产品 <i class="lni lni-arrow-right"></i></a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- ===== 服务区域 结束 ===== -->
|
|
|
|
|
|
<!-- 解决方案区域 开始 -->
|
|
<section id="pricing" class="solution-area">
|
|
<div class="section-title-five">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="content">
|
|
<h6>解决方案</h6>
|
|
<h2 class="fw-bold">适配不同业务场景</h2>
|
|
<p>
|
|
从业务诊断到平台落地，为不同阶段、不同规模的企业提供针对性支持。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-lg-4">
|
|
<article class="solution-showcase-card">
|
|
<span class="solution-showcase-index">01</span>
|
|
<div class="solution-showcase-icon"><i class="lni lni-briefcase"></i></div>
|
|
<h3>中小企业数字化</h3>
|
|
<p>以轻量化产品快速梳理业务流程，降低协同和管理成本。</p>
|
|
<ul>
|
|
<li>业务流程在线化</li>
|
|
<li>经营数据可视化</li>
|
|
<li>模块化按需启用</li>
|
|
</ul>
|
|
<a href="#contact" class="solution-showcase-link">咨询方案 <i class="lni lni-arrow-right"></i></a>
|
|
</article>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<article class="solution-showcase-card solution-showcase-card--featured">
|
|
<span class="solution-showcase-index">02</span>
|
|
<div class="solution-showcase-icon"><i class="lni lni-network"></i></div>
|
|
<h3>集团协同管理</h3>
|
|
<p>构建跨组织、跨区域的一体化管理平台，让总部与业务单元高效联动。</p>
|
|
<ul>
|
|
<li>多组织权限体系</li>
|
|
<li>统一业务数据标准</li>
|
|
<li>全链路经营管控</li>
|
|
</ul>
|
|
<a href="#contact" class="solution-showcase-link">咨询方案 <i class="lni lni-arrow-right"></i></a>
|
|
</article>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<article class="solution-showcase-card">
|
|
<span class="solution-showcase-index">03</span>
|
|
<div class="solution-showcase-icon"><i class="lni lni-rocket"></i></div>
|
|
<h3>业务增长与创新</h3>
|
|
<p>以数据驱动产品迭代和客户运营，持续验证并放大增长机会。</p>
|
|
<ul>
|
|
<li>客户全生命周期运营</li>
|
|
<li>实时指标监测分析</li>
|
|
<li>敏捷迭代支持</li>
|
|
</ul>
|
|
<a href="#contact" class="solution-showcase-link">咨询方案 <i class="lni lni-arrow-right"></i></a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- 解决方案区域 结束 -->
|
|
|
|
|
|
|
|
<!-- 行动号召区域 开始 -->
|
|
<section id="call-action" class="call-action">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xxl-6 col-xl-7 col-lg-8 col-md-9">
|
|
<div class="inner-content">
|
|
<h2>我们将提供满意的 <br />商业解决方案</h2>
|
|
<p>
|
|
从策略咨询到落地实施，我们陪伴企业每一步成长。用专业的技术与创意，激发商业的无限潜能。
|
|
</p>
|
|
<div class="light-rounded-buttons">
|
|
<a href="javascript:void(0)" class="btn primary-btn-outline">立即咨询</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- 行动号召区域 结束 -->
|
|
|
|
<!-- 品牌展示区域 开始 -->
|
|
<div id="clients" class="brand-area section">
|
|
<!--====== 标题区域 开始 ======-->
|
|
<div class="section-title-five">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="content">
|
|
<h6>合作伙伴</h6>
|
|
<h2 class="fw-bold">我们的优秀客户</h2>
|
|
<p>
|
|
我们与来自不同行业的领先品牌建立了长期合作关系，共同创造卓越价值。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- row -->
|
|
</div>
|
|
<!-- container -->
|
|
</div>
|
|
<!--====== 标题区域 结束 ======-->
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 offset-lg-2 col-12">
|
|
<div class="clients-logos">
|
|
<div class="single-image">
|
|
<img src="assets/images/client-logo/graygrids.svg" alt="品牌伙伴" />
|
|
</div>
|
|
<div class="single-image">
|
|
<img src="assets/images/client-logo/uideck.svg" alt="品牌伙伴" />
|
|
</div>
|
|
<div class="single-image">
|
|
<img src="assets/images/client-logo/ayroui.svg" alt="品牌伙伴" />
|
|
</div>
|
|
<div class="single-image">
|
|
<img src="assets/images/client-logo/lineicons.svg" alt="品牌伙伴" />
|
|
</div>
|
|
<div class="single-image">
|
|
<img src="assets/images/client-logo/tailwindtemplates.svg" alt="品牌伙伴" />
|
|
</div>
|
|
<div class="single-image">
|
|
<img src="assets/images/client-logo/ecomhtml.svg" alt="品牌伙伴" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 品牌展示区域 结束 -->
|
|
|
|
<!-- ========================= 联系区域 开始 ========================= -->
|
|
<section id="contact" class="contact-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-4">
|
|
<div class="contact-item-wrapper">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 col-xl-12">
|
|
<div class="contact-item">
|
|
<div class="contact-icon">
|
|
<i class="lni lni-phone"></i>
|
|
</div>
|
|
<div class="contact-content">
|
|
<h4>联系方式</h4>
|
|
<p>{yz:phone}</p>
|
|
<p>{yz:email}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-xl-12">
|
|
<div class="contact-item">
|
|
<div class="contact-icon">
|
|
<i class="lni lni-map-marker"></i>
|
|
</div>
|
|
<div class="contact-content">
|
|
<h4>公司地址</h4>
|
|
<p>{yz:address}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-xl-12">
|
|
<div class="contact-item">
|
|
<div class="contact-icon">
|
|
<i class="lni lni-alarm-clock"></i>
|
|
</div>
|
|
<div class="contact-content">
|
|
<h4>营业时间</h4>
|
|
<p>24小时 / 7天 在线</p>
|
|
<p>办公时间：上午 10:00 - 下午 5:30</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-8">
|
|
<div class="contact-form-wrapper">
|
|
<div class="row">
|
|
<div class="col-xl-10 col-lg-8 mx-auto">
|
|
<div class="section-title text-center">
|
|
<span> 联系我们 </span>
|
|
<h2>
|
|
准备开始吧！
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form action="#" class="contact-form">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<input type="text" name="name" id="name" placeholder="姓名" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<input type="email" name="email" id="email" placeholder="邮箱" required />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<input type="text" name="phone" id="phone" placeholder="手机号" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<input type="text" name="title" id="title" placeholder="标题" required />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<textarea name="message" id="message" placeholder="请输入内容" rows="5"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="button text-center rounded-buttons">
|
|
<button type="submit" class="btn primary-btn rounded-full">
|
|
发送
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- ========================= 联系区域 结束 ========================= -->
|
|
|
|
<!-- ========================= 地图区域 (已注释) ========================= -->
|
|
<!--<section class="map-section map-style-9">-->
|
|
<!-- <div class="map-container">-->
|
|
<!-- <object style="border:0; height: 500px; width: 100%;"-->
|
|
<!-- data="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3102.7887109309127!2d-77.44196278417968!3d38.95165507956235!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzjCsDU3JzA2LjAiTiA3N8KwMjYnMjMuMiJX!5e0!3m2!1sen!2sbd!4v1545420879707"></object>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--</section>-->
|
|
<!-- ========================= 地图区域 结束 ========================= -->
|
|
|
|
<!-- 页脚区域 开始 -->
|
|
<footer class="footer-area footer-eleven">
|
|
<!-- 页脚顶部 开始 -->
|
|
<div class="footer-top">
|
|
<div class="container">
|
|
<div class="inner-content">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|
<!-- 单个小组件 -->
|
|
<div class="footer-widget f-about">
|
|
<div class="logo">
|
|
<a href="/">
|
|
<img src="{yz:logo}" alt="云泽网" class="img-fluid" />
|
|
</a>
|
|
</div>
|
|
<p>
|
|
{yz:description}
|
|
</p>
|
|
<p class="copyright-text">
|
|
<span>备案号:{yz:icp}<br>{yz:copyright} <a href="www.yunzer.cn" rel="nofollow"> 云泽网 </a></span>
|
|
</p>
|
|
</div>
|
|
<!-- 单个小组件 结束 -->
|
|
</div>
|
|
<div class="col-lg-2 col-md-6 col-12">
|
|
<!-- 单个小组件 -->
|
|
<div class="footer-widget f-link">
|
|
<h5>解决方案</h5>
|
|
<ul>
|
|
<li><a href="javascript:void(0)">市场营销</a></li>
|
|
<li><a href="javascript:void(0)">数据分析</a></li>
|
|
<li><a href="javascript:void(0)">电子商务</a></li>
|
|
<li><a href="javascript:void(0)">商业洞察</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- 单个小组件 结束 -->
|
|
</div>
|
|
<div class="col-lg-2 col-md-6 col-12">
|
|
<!-- 单个小组件 -->
|
|
<div class="footer-widget f-link">
|
|
<h5>技术支持</h5>
|
|
<ul>
|
|
<li><a href="javascript:void(0)">价格方案</a></li>
|
|
<li><a href="javascript:void(0)">开发文档</a></li>
|
|
<li><a href="javascript:void(0)">使用指南</a></li>
|
|
<li><a href="javascript:void(0)">API 状态</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- 单个小组件 结束 -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|
<!-- 单个小组件 -->
|
|
<div class="footer-widget newsletter">
|
|
<h5>订阅我们</h5>
|
|
<p>订阅我们，获取最新资讯</p>
|
|
<form action="#" method="get" target="_blank" class="newsletter-form">
|
|
<input name="EMAIL" placeholder="邮箱地址" required="required" type="email" />
|
|
<div class="button">
|
|
<button class="sub-btn">
|
|
<i class="lni lni-envelope"></i>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- 单个小组件 结束 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--/ 页脚顶部 结束 -->
|
|
</footer>
|
|
<!--/ 页脚区域 结束 -->
|
|
|
|
<a href="#" class="scroll-top btn-hover">
|
|
<i class="lni lni-chevron-up"></i>
|
|
</a>
|
|
|
|
<!--====== JavaScript 文件 ======-->
|
|
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/glightbox.min.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
<script src="assets/js/tiny-slider.js"></script>
|
|
|
|
<script>
|
|
|
|
//===== 点击导航链接后关闭折叠菜单
|
|
let navbarTogglerNine = document.querySelector(
|
|
".navbar-nine .navbar-toggler"
|
|
);
|
|
navbarTogglerNine.addEventListener("click", function () {
|
|
navbarTogglerNine.classList.toggle("active");
|
|
});
|
|
|
|
// ==== 左侧侧边栏切换
|
|
let sidebarLeft = document.querySelector(".sidebar-left");
|
|
let overlayLeft = document.querySelector(".overlay-left");
|
|
let sidebarClose = document.querySelector(".sidebar-close .close");
|
|
|
|
overlayLeft.addEventListener("click", function () {
|
|
sidebarLeft.classList.toggle("open");
|
|
overlayLeft.classList.toggle("open");
|
|
});
|
|
sidebarClose.addEventListener("click", function () {
|
|
sidebarLeft.classList.remove("open");
|
|
overlayLeft.classList.remove("open");
|
|
});
|
|
|
|
// ===== 导航栏侧边菜单按钮
|
|
let sideMenuLeftNine = document.querySelector(".navbar-nine .menu-bar");
|
|
|
|
sideMenuLeftNine.addEventListener("click", function () {
|
|
sidebarLeft.classList.add("open");
|
|
overlayLeft.classList.add("open");
|
|
});
|
|
|
|
//========= 初始化 glightbox 视频播放
|
|
GLightbox({
|
|
'href': 'https://www.youtube.com/watch?v=r44RKWyfcFw&fbclid=IwAR21beSJORalzmzokxDRcGfkZA1AtRTE__l5N4r09HcGS5Y6vOluyouM9EM',
|
|
'type': 'video',
|
|
'source': 'youtube', // vimeo, youtube 或本地视频
|
|
'width': 900,
|
|
'autoplayVideos': true,
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html> |