jsasg/orico-official-website-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
jsasg
2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
app/index/view/group/backup_treasure.phtml Executable file
View File

@@ -0,0 +1,249 @@
<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Brand Story|Orico</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/subject/backuper.css">
</head>
<body style="background-color:#ecf6ff">
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-white">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
<!--top End-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/banner.jpg" alt=""/>
<div class="banner">
<div class="title">手机备份 如此简单</div>
<div class="sub_title">备份你的美好时光 </div>
<a href="http://z.jd.com/project/details/1856168798.html?from=jr_search&type=0" target="_blank">
<!-- <div class="button">
<span >—京东众筹正式开启—</span>
</div> -->
</a>
</div>
</div>
<!--视频-->
<div class="swt-Container video">
<div class="left img-responsive">
<!-- <img src="__PUBLIC__/web/images/charger/charger_02_video.jpg"> -->
<video controls poster="" width="100%">
<source src="https://www.orico.com.cn/frontend/m_weben/images/backup/backup-vedio.mp4">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
<div class="right">
<div class="title backuper-80">轻松备份</div>
<div class="font-18 text">
随着人们使用手机的频率越来越高，所产生的的
数据量也日益剧增，手机备份功能在日常生活中
越来越重要，解决手机内存不足的同时也满足了
备份数据的需求。
<div class="backuper-b">手机备份宝是一款针对手机用户的存储产品，可
以轻松从手机端备份照片、视频、音乐和文档，
不论在哪都能轻松地使用。</div></div>
</div>
</div>
<!--第三屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_03.jpg">
<div class="backuper_03 backuper">
<div class="title">手机备份<br>如此简单</div>
<div class="backuper-btn ">手机备份宝</div>
<div class="icon-text img-responsive">
<ul>
<li><img src="__PUBLIC__/web/images/backuper/backup-03-01.png"><p>操作简单</br>自动备份</p></li>
<li><img src="__PUBLIC__/web/images/backuper/backup-03-02.png"><p>支持iOS</br>Android设备</p></li>
<li><img src="__PUBLIC__/web/images/backuper/backup-03-03.png"><p>海量空间</br>Max 2TB</p></li>
<li><img src="__PUBLIC__/web/images/backuper/backup-03-04.png"><p>随身携带</br>及时备份</p></li>
</ul>
</div>
</div>
</div>
<!--第四屏-->
<div class="backuper_04 img-responsive">
<ul>
<li><img src="__PUBLIC__/web/images/backuper/backuper_04-01.jpg">
<div class="back-abso">
<p class="font-big">瞬时备份</p>
<p class="font-small">只需轻轻一点</br>手机内容轻松备份</p>
</div>
</li>
<li><img src="__PUBLIC__/web/images/backuper/backuper_04-02.jpg">
<div class="back-abso">
<p class="font-big">全面兼容</p>
<p class="font-small">支持iOS、Android设备</br>焕新手机备份体验 </p>
</div>
</li>
<li><img src="__PUBLIC__/web/images/backuper/backuper_04-03.jpg">
<div class="back-abso">
<p class="font-big">乐活分享</p>
<p class="font-small">手掌大小，方便携带</br>随时随地浏览、分享快乐</p>
</div>
</li>
<li><img src="__PUBLIC__/web/images/backuper/backuper_04-04.jpg">
<div class="back-abso">
<p class="font-big">更多空间</p>
<p class="font-small">2TB海量扩容</br>随便存</p>
</div>
</li>
</ul>
</div>
<br clear="all">
<!--第五屏-->
<div class="htmleaf-container">
<div class="container">
<div class="slider-container">
<div class="slider">
<div class="slider__item">
<img src="__PUBLIC__/web/images/backuper/backuper-img01.jpg" alt="">
</div>
<div class="slider__item">
<img src="__PUBLIC__/web/images/backuper/backuper-img02.jpg" alt="">
</div>
<div class="slider__item">
<img src="__PUBLIC__/web/images/backuper/backuper-img03.jpg" alt="">
</div>
<div class="slider__item">
<img src="__PUBLIC__/web/images/backuper/backuper-img04.jpg" alt="">
</div>
</div>
<div class="slider__switch slider__switch--prev" data-ikslider-dir="prev">
<span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.89 17.418c.27.272.27.71 0 .98s-.7.27-.968 0l-7.83-7.91c-.268-.27-.268-.706 0-.978l7.83-7.908c.268-.27.7-.27.97 0s.267.71 0 .98L6.75 10l7.14 7.418z"/></svg></span>
</div>
<div class="slider__switch slider__switch--next" data-ikslider-dir="next">
<span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.25 10L6.11 2.58c-.27-.27-.27-.707 0-.98.267-.27.7-.27.968 0l7.83 7.91c.268.27.268.708 0 .978l-7.83 7.908c-.268.27-.7.27-.97 0s-.267-.707 0-.98L13.25 10z"/></svg></span>
</div>
</div>
<div class="preview-backer">
<a href="#1"><img src="__PUBLIC__/web/images/backuper/backuper-img01.jpg" alt="" /><div class="pre-backer-text">旅行途中，备份心情</div></a>
<a href="#2"><img src="__PUBLIC__/web/images/backuper/backuper-img02.jpg" alt="" /><div class="pre-backer-text">商务办公，备份文件 </div></a>
<a href="#3"><img src="__PUBLIC__/web/images/backuper/backuper-img03.jpg" alt="" /><div class="pre-backer-text">家庭聚会，备份美好 </div></a>
<a href="#4"><img src="__PUBLIC__/web/images/backuper/backuper-img04.jpg" alt="" /><div class="pre-backer-text">音乐live，备份快乐</div></a>
</div>
</div>
</div>
<!--第六屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_05.jpg">
<div class="backuper_05">
<div class="title">插上就能</br>自动备份</div>
<div class="text">打开“iStore Pro”一键自动备份，</br>
只需轻轻一点，</br>
瞬间将手机内容安全备份。</div>
<div class="backuper-100">*ios系统不支持文档与音频备份</div>
</div>
</div>
<!--第七屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/weben/images/backuper/backuper_06.jpg">
<div class="backuper_06">
<div class="title">随身携带的资料库</div>
<div class="sub_title">最大支持2TB容量的2.5英寸（厚度7-9.5mm）</br>
SATA接口硬盘</div>
<div class="text">
<ul>
<li>
<span class="number">50万</span><sub class="font-12">张</sub>
<p class="number_text">高清照片（4M）</p>
</li>
<li>
<span class="number">1312</span><sub class="font-12">部</sub>
<p class="number_text">高清电影（1.5G）</p>
</li>
<li>
<span class="number">6.65万</span><sub class="font-12">首</sub>
<p class="number_text">无损音乐（4M）</p>
</li>
<li>
<span class="number">200万</span><sub class="font-12">个</sub>
<p class="number_text">文档（1M）</p>
</li>
</ul>
</div>
</div>
</div>
<!--第八屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_08.jpg">
<div class="backuper_05">
<div class="title">轻松管理</br>存储内容</div>
<div class="text">通过软件可轻松查看</br>
管理硬盘存储内容，</br>
并一键备份至手机端。</br>
</div>
</div>
</div>
<!--第九屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_09.jpg">
<div class="backuper_07 backuper">
<div class="title">
一键删除<br>多余文件
</div>
<div class="text">
支持一键删除手机端的</br>
已备份的文件，</br>
瞬间释放容量空间</br>
整理更方便。</br>
</div>
</div>
</div>
<!--第十屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_10.jpg">
<div class="backuper_05">
<div class="title">边备份</br>边充电</div>
<div class="text">Type-C支持数据传输</br>
和辅助供电使用，</br>
备份的同时还能给</br>
手机充电。 </br>
</div>
</div>
</div>
<!--第十一屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_11.jpg">
<div class="backuper_08 backuper">
<div class="title">
告别</br>重复备份
</div>
<div class="text">自动检索备份记录，</br>
采用“增量识别” </br>
彻底告别重复备份。</br> </div>
</div>
</div>
<!--第十二屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_12.jpg"></br>
<img src="__PUBLIC__/web/images/backuper/backuper_13.jpg"></br>
<img src="__PUBLIC__/web/images/backuper/backuper_14.jpg"></br>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/web/scripts/slider.js"></script>
<script type="text/javascript">
$(".slider-container").ikSlider({
speed: 500
});
$(".slider-container").on('changeSlide.ikSlider', function (evt) { console.log(evt.currentSlide); });
</script>
<script type="text/javascript">
var $preview = $('.preview-backer a');