commie/im
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
61c519201898d86ed9dcde811585cd0cb122bf4f
im/public/index.html
T
commie 61c5192018 8
2026-01-12 12:42:08 +08:00

588 lines
37 KiB
HTML
Executable File
Raw Blame History

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>瞬聊官网</title>
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
<meta name="apple-mobile-web-app-capable" content="no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Language" content="zh-cn">
<meta name="format-detection" content="telephone=no">
<link rel="shortcut icon" type="image/x-icon" href="//shunliao.oss-accelerate.aliyuncs.com/web/favicon.ico">
<link href="//shunliao.oss-accelerate.aliyuncs.com/web/css/main.7900cfef1d624159734a.css?v=1" rel="stylesheet">
</head>
<body>
<div class="layout-main">
<div class="layout-content">
<header class="header">
<div class="header__content">
<!-- <div class="header-open"><img src="./index/icon_icon_actions_menu@2x.png"
class="header-open__img"></div> -->
<div class="header-close"><img
src="//shunliao.oss-accelerate.aliyuncs.com/web/img/icon_icon_actions_cancel@2x.png" alt=""
class="header-close__img"></div>
<a href="/" class="header-brand"><img src="//shunliao.oss-accelerate.aliyuncs.com/web/img/logo.png" alt="" class="header-brand__img"></a>
<div class="header-nav">
<!-- <a href="/index.html#intro"
class="header-nav__item">
<p class="header-nav__item__text">介绍</p>
</a><a href="index.html#value" class="header-nav__item">
<p class="header-nav__item__text">隐私与生活</p>
</a><a href="service.html" class="header-nav__item">
<p class="header-nav__item__text">服务条款</p>
</a><a href="privacy.html" class="header-nav__item">
<p class="header-nav__item__text">隐私政策</p>
</a><a href="index.html#download" class="header-nav__item -download">
<p class="header-nav__item__text">下载</p>
</a> -->
<a href="index.html#download" class="header-nav__item -download">
<p class="header-nav__item__text">下载</p>
</a>
</div>
</div>
</header>
<div class="banner">
<div class="banner-inner">
<div class="banner-inner__content">
<div class="banner-info">
<div class="info-item">
<div class="info-item__desc">
<h3 class="info-item__desc__title">更稳定・更迅速</h3>
<h3 class="info-item__desc__title">更安全的信息传输</h3>
<h4 class="info-item__desc__text">使用 瞬聊App ·您可通过手机在全世界快速、<span
class="text-wrap">简便、且安全地收发讯息和分享有趣事物。</span></h4>
</div>
<div class="download-list">
<div class="download-list__btn-group">
<a class="btn android" url="" href="javascript:onClickDownload();" ><img class="btn__img"
src="//shunliao.oss-accelerate.aliyuncs.com/web/img/icon_icon_brands_android@2x.png" alt="">
<p class="text">Android</p>
</a>
</div>
<div class="download-list__btn-group">
<a class="btn ios" url="" href="javascript:onClickDownload();">
<img class="btn__img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/icon_icon_brands_apple@2x.png" alt="">
<p class="text">iOS下载</p>
</a>
</div>
<!-- <div class="download-tutorial-btn" data-position="top">
<div class="download-tutorial-btn__img"></div>
<p class="download-tutorial-btn__text">iOS 下载教学</p>
</div> -->
</div>
</div>
</div>
<div class="banner-inner__main-img"><img src="//shunliao.oss-accelerate.aliyuncs.com/web/img/hero@2x.png" alt="" class="main-img">
</div>
</div>
<div class="banner-inner__bg"></div>
</div>
</div>
<div id="intro" class="main-intro">
<div class="main-intro__content">
<div class="intro">
<div class="intro-list">
<div class="intro-list__item">
<div class="item-content">
<div class="item-img">
<div class="item-img__icon -message-circle-fill"></div>
</div>
<div class="item-desc">
<h5 class="item-desc__title">轻松传送讯息</h5>
<p class="item-desc__text">随时与好友傳送<br>私密訊息</p>
</div>
</div>
</div>
<div class="intro-list__item">
<div class="item-content">
<div class="item-img">
<div class="item-img__icon -stop-circle-fill"></div>
</div>
<div class="item-desc">
<h5 class="item-desc__title">撤收消息</h5>
<p class="item-desc__text">群聊传送错误？！<br>您可随时撤收已送出讯息</p>
</div>
</div>
</div>
<div class="intro-list__item">
<div class="item-content">
<div class="item-img">
<div class="item-img__icon -people-fill"></div>
</div>
<div class="item-desc">
<h5 class="item-desc__title">与群组保持联系</h5>
<p class="item-desc__text">透过图片、影片与文字传送<br>随时分享有趣新鲜事</p>
</div>
</div>
</div>
<div class="intro-list__item">
<div class="item-content">
<div class="item-img">
<div class="item-img__icon -shield-fill"></div>
</div>
<div class="item-desc">
<h5 class="item-desc__title">安全稳定</h5>
<p class="item-desc__text">操作简洁、容易上手<br>并且安全的加密传输聊天讯息</p>
</div>
</div>
</div>
</div>
<div class="intro-info">
<div class="content-head">
<div class="content-head__label">
<p class="content-head__text">What we do?</p>
</div>
</div>
<h4 class="intro-info__title">瞬聊 拉近彼此的距离·常保联系</h4>
<div class="intro-info__list">
<div class="intro-info__item">
<div class="item-num"><span class="item-num__text">1</span></div>
<div class="item-desc">
<p class="item-desc__text">在群聊中与好友分享你的最爱，有感内容不错过！</p>
<p class="item-desc__text">一同探索生活大小事，串连人际，启发创意的无限可能！</p>
<p class="item-desc__text">透过 瞬聊 即时传送照片和影片，您甚至可以使用内建的相机功能捕捉当下想分享的事物。</p>
</div>
</div>
<div class="intro-info__item">
<div class="item-num"><span class="item-num__text">2</span></div>
<div class="item-desc">
<p class="item-desc__text">
利用群组功能时时互动交流，您可以在群组对话中分享讯息、照片和影片，群组人数最多可达2,300人。您还能为群组命名、将通知设为静音或根据需求自订通知设定等。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="main-slogan">
<div class="main-slogan__content">
<div class="slogan">
<div class="slogan-info">
<p class="slogan-info__text">串连人际，分享有趣生活</p>
</div>
<div class="slogan-img"><img src="//shunliao.oss-accelerate.aliyuncs.com/web/img/meechat@2x.png" class="slogan-img__pic">
</div>
</div>
</div>
</div>
<div id="value" class="main-value">
<div class="main-value__content">
<div class="value">
<div class="value-info">
<div class="content-head">
<div class="content-head__label">
<p class="content-head__text">Our Values</p>
</div>
</div>
<h4 class="value-info__title">瞬聊 為您建構全新的溝通型態與生活</h4>
<h5 class="value-info__desc">使用 瞬聊 ·您可通过手机在全世界快速、简便、且安全地<span
class="text-wrap">收发讯息和分享有趣事物</span></h5>
</div>
<div class="value-list">
<div class="value-list__item">
<div class="item-desc">
<h5 class="item-desc__title">隐私和安全是我们最看重的内在价值</h5>
<p class="item-desc__text">许多使用者都会透过讯息分享自己最私密的时刻，这也正是
我们引入端对端加密的原因。经端对端加密后，您的讯息、相片、影片、语音讯息、文件、与通话都受到保护，不会落入他人之手。</p>
</div>
<div class="item-img">
<div class="item-img__pic -pic-1"></div>
</div>
</div>
<div class="value-list__item">
<div class="item-desc">
<h5 class="item-desc__title">与分隔两地的家人联系感情追寻更美好的生活</h5>
<p class="item-desc__text">
从我们成立开始，我们的使命就是帮助您与朋友们时刻保持联络、在重要时刻也能与至亲好友分享消息、与分隔两地的家人联系感情，追寻更美好的生活。</p>
</div>
<div class="item-img">
<div class="item-img__pic -pic-2"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="download-box" class="download-tutorial" data-position="top">
<div class="download-tutorial__close"></div>
<div class="tutorial">
<h3 class="tutorial__head">iOS 下载教学</h3>
<div class="tutorial__content">
<ul class="step-list">
<li class="step-list__item">
<h4 class="step-list__head">步骤一</h4>
<p class="step-list__content">点击「iOS下载」下载最新版本</p>
</li>
<li class="step-list__item">
<h4 class="step-list__head">步骤二</h4>
<p class="step-list__content">进入页面点击「安装」，安装完成请回到手机桌布查看</p>
</li>
<li class="step-list__item">
<h4 class="step-list__head">步骤三</h4>
<p class="step-list__content">安装完成后请至手机系统「➊ 设置- 通用 ➋ VPN与设备管理 ➌ 點選信任「瞬聊」➍
选择「信任」。即可开始使用APP。</p>
</li>
</ul>
<ul class="step-img-list">
<li class="step-img-list__item"><img src="//shunliao.oss-accelerate.aliyuncs.com/web/img/step_01@2x.png" class="step-img-list__img"
alt=""></li>
<li class="step-img-list__item"><img src="//shunliao.oss-accelerate.aliyuncs.com/web/img/step_02_vpn@2x.png"
class="step-img-list__img" alt=""></li>
<li class="step-img-list__item"><img src="//shunliao.oss-accelerate.aliyuncs.com/web/img/step_03_app@2x.png"
class="step-img-list__img" alt=""></li>
<li class="step-img-list__item"><img src="//shunliao.oss-accelerate.aliyuncs.com/web/img/step_04@2x.png" class="step-img-list__img"
alt=""></li>
</ul>
</div>
</div>
</div>
<link rel="stylesheet" href="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/swiper-bundle.min.css">
<link rel="stylesheet" href="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/comm.css">
<link rel="stylesheet" href="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/home.css">
<link rel="stylesheet" href="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/mian.css">
<section class="sy-layout">
<div class="scrollbar-box">
<div class="scrollbar-y">
<div id="scrollWrap" class="scroll-wrap">
<main class="sy-contents" id="sy-contents">
<div class="sy-home mw">
<div class="sy-c">
<div class="home-content flex-center-ctn">
<div class="home-detail">
<div class="mw detaile-title pc">
<h1>多样化消息类型 可靠安全的聊天场景</h1>
<p>聊天信息加密处理，有效防止信息泄露，安全稳定畅所欲言。保护个人隐私安全，从瞬聊APP聊天开始。</p>
</div>
<div class="mw detaile-title mobile">
<h2>多样化消息类型</h2>
<h2>可靠安全的聊天场景</h2>
</div>
<div class="sy-grid">
<div>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/1.png" alt="超级大群"
onclick="handleImgView(0)">
<h4>超级大群</h4>
<p class="sy-grid-des">
群组最大免费容量可达2000人同时沟通，人性化群组，管理省心省力
</p>
</div>
<div>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/2.png" alt="惊喜礼物"
onclick="handleImgView(1)">
<h4>惊喜礼物</h4>
<p class="sy-grid-des">
聊天中可发送超多超精美虚拟礼物道具，好看的礼物给好看的ta。轻轻动动手指，心意即可到达。
</p>
</div>
<div>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/3.png" alt="安全加密"
onclick="handleImgView(2)">
<h4>安全加密</h4>
<p class="sy-grid-des">
先进的端对端加密模式，全方位守护您的信息安全。安全可靠的聊天环境，舒服放心的聊天体验。
</p>
</div>
<div>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/4.png" alt="聊天功能"
onclick="handleImgView(3)">
<h4>聊天功能</h4>
<p class="sy-grid-des">
文字、语音、图片、视频、文件、音视频通话、表情等丰富有趣的聊天功能
</p>
</div>
<div>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/5.png" alt="消息回执"
onclick="handleImgView(4)">
<h4>消息回执</h4>
<p class="sy-grid-des">
显示对方读取状态，重要信息尽在掌握。提高沟通效率消息了然于心。
</p>
</div>
<div>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/6.png" alt="无用户上限"
onclick="handleImgView(5)">
<h4>无用户上限</h4>
<p class="sy-grid-des">
好友数量不设上限，无需担心好友太多。爱交朋友，就用所言，朋友无需等待，通过就是现在
</p>
</div>
<div>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/7.png" alt="双向删除"
onclick="handleImgView(6)">
<h4>双向删除</h4>
<p class="sy-grid-des">
聊天记录可一键双向删除
</p>
</div>
<div>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/8.png" alt="禁止截屏、录屏"
onclick="handleImgView(7)">
<h4>禁止截屏、录屏</h4>
<p class="sy-grid-des">
禁止好友对聊天内容进行截屏、录屏操作，杜绝聊天信息泄露。
</p>
</div>
<div>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/9.png" alt="红人馆"
onclick="handleImgView(8)">
<h4>红人馆</h4>
<p class="sy-grid-des">
用户个人站好形象最大化展示，等级越高排名越靠前。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="flex-center-ctn">
<div class="sy-footer">
<div class="sy-footer-menu flex-start-spb">
<div class="sy-footer-info">
<div class="flex-center-spb pc">
<div>
<p style="margin: 20px 0;">
<span>应用名：瞬聊</span>
<span><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank" id="shu-bei">鄂ICP备2026000509号-1</a></span>
<!-- <span>
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=23010302001701"
rel="nofollow" target="_blank">
<img src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/gh.png" alt=""
style="width: 20px;height: 20px;">
黑公网安备23010302001701
</a>
</span> -->
</p>
</div>
</div>
</div>
<div class="sy-footer-info">
<div class="mw mobile mb-fo-info">
<div>
<p>
应用名：瞬聊
</p>
<p>
<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank" id="shu-bei-m">鄂ICP备2026000509号-1</a>
</p>
<!-- <p>
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=23010302001701"
rel="nofollow" target="_blank">
<img src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/gh.png" alt=""
style="width: 20px;height: 20px;">
黑公网安备23010302001701
</a>
</p> -->
</div>
</div>
</div>
<div>
<h4>联系方式</h4>
<p class="footer-m">
<a>客服邮箱：shunliao100@outlook.com</a>
</p>
<!-- <p class="footer-m" style="font-size: 20px;font-weight: bold;">
<a>客服电话：400-045-0003</a>
</p> -->
</div>
</div>
</div>
</footer>
</div>
</div>
</div>
</section>
</div>
</div>
<script src="//shunliao.oss-accelerate.aliyuncs.com/web/js/runtime.b8b0f7cf00b303175838.bundle.js"></script>
<script src="//shunliao.oss-accelerate.aliyuncs.com/web/js/main.e2d91eedf1d95e468c11.bundle.js"></script>
<script>
var element = document.querySelector('.download-tutorial-btn');
if(element){
element.addEventListener('click', function (event) {
var modal = document.getElementById('download-box');
if (modal.className === 'download-tutorial -show') {
modal.className = 'download-tutorial';
modal.style = "";
} else {
modal.className = 'download-tutorial -show';
if (window.innerWidth >= 1440) {
var rect = element.getBoundingClientRect();
var leftDistanceFromDocument = (rect.left + window.pageXOffset || document.documentElement.scrollLeft) + 180;
modal.style = "top: 405px;left: " + leftDistanceFromDocument + "px;";
} else {
modal.style = "";
}
}
if (element.className === "download-tutorial-btn -active") {
element.className = "download-tutorial-btn";
} else {
element.className = "download-tutorial-btn -active";
}
});
}
</script>
<div id="sy-adr-alert" style="display:none;"></div>
<div id="sy-view-img" class="sy-view-img flex-center-ctn" onclick="closeImgView()">
<div class="mw mh flex-center-ctn">
<div class="swiper sy-swiper-container swiper-initialized swiper-horizontal">
<div class="swiper-wrapper" id="swiper-wrapper-fbc22e7511a86579" aria-live="polite"
style="transition-duration: 0ms; transition-delay: 0ms;">
<div class="swiper-slide">
<h3>超级大群</h3>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/1.png" alt="超级大群"
style="width: 720px;height: 720px;">
</div>
<div class="swiper-slide">
<h3>惊喜礼物</h3>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/2.png" alt="惊喜礼物"
style="width: 720px;height: 720px;">
</div>
<div class="swiper-slide">
<h3>安全加密</h3>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/3.png" alt="安全加密"
style="width: 720px;height: 720px;">
</div>
<div class="swiper-slide">
<h3>聊天功能</h3>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/4.png" alt="聊天功能"
style="width: 720px;height: 720px;">
</div>
<div class="swiper-slide">
<h3>消息回执</h3>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/5.png" alt="消息回执"
style="width: 720px;height: 720px;">
</div>
<div class="swiper-slide">
<h3>无用户上限</h3>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/6.png" alt="无用户上限"
style="width: 720px;height: 720px;">
</div>
<div class="swiper-slide">
<h3>双向删除</h3>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/7.png" alt="双向删除" style="width: 100%;height: auto;">
</div>
<div class="swiper-slide">
<h3>禁止截屏、录屏</h3>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/8.png" alt="消息回执" style="width: 100%;height: auto;">
</div>
<div class="swiper-slide">
<h3>红人馆</h3>
<img class="sy-grid-des-img" src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/9.png" alt="无用户上限" style="width: 100%;height: auto;">
</div>
</div>
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"
onclick="handleBubble()"></div>
<div class="sy-swiper-button-next pc" onclick="handleBubble()">
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"
aria-controls="swiper-wrapper-fbc22e7511a86579" aria-disabled="false"></div>
</div>
<div class="sy-swiper-button-prev pc" onclick="handleBubble()">
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"
aria-controls="swiper-wrapper-fbc22e7511a86579" aria-disabled="false"></div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
<script src="//shunliao.oss-accelerate.aliyuncs.com/web/js/swiper-bundle.min.js"></script>
<!-- <script src="//shunliao.oss-accelerate.aliyuncs.com/web/img/suoyan/statistics.js.下载"></script> -->
<script>
let _swp = null
let swpMode = 'horizontal'
// window.onresize = () => {
// swpMode = document.body.clientWidth > 999 ? 'horizontal' : 'vertical'
// handleSwp(swpMode)
// }
// window.onload = () => {
// if(document.body.clientWidth > 999){
// initSwp("horizontal")
// }else{
// initSwp("vertical")
// }
// }
const onClickDownload = () => {
const $nav = navigator.userAgent.toLowerCase();
if($nav.match(/iphone/i) == "iphone"){
alert('暂未开放');
//window.location.href = 'https://shunliao.oss-accelerate.aliyuncs.com';
}else{
//window.location.href = 'https://shunliao.oss-accelerate.aliyuncs.com/apk/install.apk';
window.location.href = '/shunliao.apk';
}
}
const showmenus = () => {
document.getElementById("mobile-menus").style.display = "block"
}
const closemenus = () => {
document.getElementById("mobile-menus").style.display = "none"
}
const handleImgView = (num) => {
document.getElementById("sy-view-img").style.display = "block"
_swp.slideTo(num, 1000, false)
}
const closeImgView = () => {
document.getElementById("sy-view-img").style.display = "none"
}
const handleBubble = (e) => {
const even = window.event || arguments.callee.caller.arguments[0]
even.stopPropagation()
even.preventDefault()
}
const handleSwp = (model) => {
if (!_swp) {
initSwp(model)
} else {
_swp.off('*')
_swp.destroy()
initSwp(model)
}
}
const initSwp = (model) => {
_swp = new Swiper(".swiper", {
direction: model,
slidesPerView: 1,
spaceBetween: 20,
mousewheel: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
}
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink