|
@@ -0,0 +1,284 @@
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
+<html>
|
|
|
|
+
|
|
|
|
+<head>
|
|
|
|
+ @include('home.http.common.head')
|
|
|
|
+ <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
|
|
|
|
+ <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
|
|
|
|
+ <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
|
|
|
|
+ <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
|
|
|
|
+ <script type="text/javascript" src="/static/js/babel.min.js"></script>
|
|
|
|
+ <script type="text/javascript" src="/static/js/vue.min.js"></script>
|
|
|
|
+ <script type="text/javascript" src="/static/js/iview.min.js"></script>
|
|
|
|
+ <script src="/static/js/utils.js"></script>
|
|
|
|
+ <script src="/static/js/config.js"></script>
|
|
|
|
+
|
|
|
|
+ <style>
|
|
|
|
+ .nav-ebook {
|
|
|
|
+ position:absolute;
|
|
|
|
+ right:0px;
|
|
|
|
+ top:9px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .nav-ebook-link li {
|
|
|
|
+ padding: 5px 0;
|
|
|
|
+ float: left;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .nav-ebook-link li+li {
|
|
|
|
+ margin-left: 70px;
|
|
|
|
+ position: relative;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .nav-ebook-link li a {
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ line-height: 48px;
|
|
|
|
+ display: block;
|
|
|
|
+ position: relative;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .nav-ebook-link li a:hover {
|
|
|
|
+ color: #fff;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .nav-ebook-link li a:hover::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ width: 50%;
|
|
|
|
+ left: 25%;
|
|
|
|
+ height: 4px;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .nav-ebook-link li+li::after {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: -32px;
|
|
|
|
+ height: 20px;
|
|
|
|
+ top: 50%;
|
|
|
|
+ margin-top: -10px;
|
|
|
|
+ border-left: 1px solid #EDEDED;
|
|
|
|
+ }
|
|
|
|
+ </style>
|
|
|
|
+</head>
|
|
|
|
+
|
|
|
|
+<body>
|
|
|
|
+ <div class="header">
|
|
|
|
+ @include('home.http.common.header')
|
|
|
|
+ </div>
|
|
|
|
+ <div id="app">
|
|
|
|
+ <!--- 首頁輪播 --->
|
|
|
|
+ <div class="index-banner head">
|
|
|
|
+ <div class="w1024">
|
|
|
|
+ <div class="logolay">
|
|
|
|
+ <img src="/static/ebook/icon.png" style="width: auto;">
|
|
|
|
+ <span>星优办公软件</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="nav-ebook">
|
|
|
|
+ <ul class="nav-ebook-link js-down">
|
|
|
|
+ <li>
|
|
|
|
+ <a class="js-down">电子书转PDF</a>
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <a class="js-down">电子书转Word</a>
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <a class="js-down">电子书转TXT</a>
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <a class="js-down">文件转电子书</a>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="leftword">
|
|
|
|
+ <h1>星优电子书助手</h1>
|
|
|
|
+ <p class="word1">电子书转PDF、电子书转Word<br>电子书转TXT、文件转电子书<br>支持各种文件批量添加处理,一键高效处理
|
|
|
|
+ <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYEbook/XYEbook_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="word2">版本号:v1.2.0.0 <span> </span> 软件大小:1.56MB</p>
|
|
|
|
+ <p class="word2">更新时间:2024-03-21 适合系统:Win8/Win10/Win11</p>
|
|
|
|
+ </div>
|
|
|
|
+ <img class="rightgif" src="/static/ebook/1.png">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div id="index-skill" class="conbox w">
|
|
|
|
+ <div class="container">
|
|
|
|
+ <h2 class="contit">支持转换格式</h2>
|
|
|
|
+ <div class="skill-box flex flex-between">
|
|
|
|
+ <dl class="skill" style="background: #ff59ac">
|
|
|
|
+ <dt><img src="/static/ebook/icon-16.png" alt=""></dt>
|
|
|
|
+ <dd>pdf转epub</dd>
|
|
|
|
+ </dl>
|
|
|
|
+ <dl class="skill" style="background: #ff7919">
|
|
|
|
+ <dt><img src="/static/ebook/icon-17.png" alt=""></dt>
|
|
|
|
+ <dd>epub转pdf</dd>
|
|
|
|
+ </dl>
|
|
|
|
+ <dl class="skill" style="background: #ff5975">
|
|
|
|
+ <dt><img src="/static/ebook/icon-08.png" alt=""></dt>
|
|
|
|
+ <dd>电子书转Word</dd>
|
|
|
|
+ </dl>
|
|
|
|
+ <dl class="skill" style="background: #00b073">
|
|
|
|
+ <dt><img src="/static/ebook/icon-09.png" alt=""></dt>
|
|
|
|
+ <dd>电子书转PDF</dd>
|
|
|
|
+ </dl>
|
|
|
|
+ <dl class="skill" style="background: #f27a3b">
|
|
|
|
+ <dt><img src="/static/ebook/icon-10.png" alt=""></dt>
|
|
|
|
+ <dd>PDF转电子书</dd>
|
|
|
|
+ </dl>
|
|
|
|
+ <dl class="skill" style="background: #0094b0">
|
|
|
|
+ <dt><img src="/static/ebook/icon-07.png" alt=""></dt>
|
|
|
|
+ <dd>TXT转电子书</dd>
|
|
|
|
+ </dl>
|
|
|
|
+ <dl class="skill" style="background: #b0009f">
|
|
|
|
+ <dt><img src="/static/ebook/icon-06.png" alt=""></dt>
|
|
|
|
+ <dd>MOBI转PDF</dd>
|
|
|
|
+ </dl>
|
|
|
|
+ <dl class="skill" style="background: #00cc44">
|
|
|
|
+ <dt><img src="/static/ebook/icon-12.png" alt=""></dt>
|
|
|
|
+ <dd>更多</dd>
|
|
|
|
+ </dl>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div class="eboox">
|
|
|
|
+ <h2 class="titleh2css">
|
|
|
|
+ <span>格式转换操作指南</span>
|
|
|
|
+ </h2>
|
|
|
|
+ <h3>为了您能够快速了解并且使用该软件,请您详细阅读操作指南</h3>
|
|
|
|
+ <div class="ebooxbanner">
|
|
|
|
+ <div class="ebooxleft">
|
|
|
|
+ <div class="ebooxitem">
|
|
|
|
+ <i></i>
|
|
|
|
+ <div class="emsg">
|
|
|
|
+ <h2>01.运行软件</h2>
|
|
|
|
+ <p>在电脑中安装星优电子书助手并运行该软件
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ebooxitem">
|
|
|
|
+ <i></i>
|
|
|
|
+ <div class="emsg">
|
|
|
|
+ <h2>02.选择功能</h2>
|
|
|
|
+ <p>选择进入'EPUB转PDF'、'EPUB转Word'等功能</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ebooxitem">
|
|
|
|
+ <i></i>
|
|
|
|
+ <div class="emsg">
|
|
|
|
+ <h2>03.添加文件</h2>
|
|
|
|
+ <p>点击按钮添加转换的文件,或通过添加目录的方式导入</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ebooxitem">
|
|
|
|
+ <i></i>
|
|
|
|
+ <div class="emsg">
|
|
|
|
+ <h2>04.转换及保存</h2>
|
|
|
|
+ <p>点击【开始转换】,可到【输出目录】中查看结果文件
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="zhinanrightimgshowbox">
|
|
|
|
+ <img class="img1 active" src="/static/ebook/1.png" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <!-- 选择 -->
|
|
|
|
+ <div class="whyChoiceUs">
|
|
|
|
+ <h2 class="titleh2css">为什么选择我们</h2>
|
|
|
|
+ <div class="whylist">
|
|
|
|
+ <div class="whyitems">
|
|
|
|
+ <img src="/static/ebook/whyimg1.png" alt="高效稳定,效果出众">
|
|
|
|
+ <h3>高效稳定,效果出众</h3>
|
|
|
|
+ <p>强劲性能助力,轻松处理电子书文档,高还原电子书样式</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="whyitems">
|
|
|
|
+ <img src="/static/ebook/whyimg2.png" alt="功能全面,多格式转换">
|
|
|
|
+ <h3>功能全面,多格式转换</h3>
|
|
|
|
+ <p>支持电子书转文档等数多种格式,相互转换轻松方便</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="whyitems">
|
|
|
|
+ <img src="/static/ebook/whyimg3.png" alt="一键操作,批量处理">
|
|
|
|
+ <h3>一键操作,批量处理</h3>
|
|
|
|
+ <p>上手简单,文件转换速度快,批量多文件处理效率高</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ @include('common.footer')
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+</body>
|
|
|
|
+
|
|
|
|
+<script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
|
|
|
|
+<script>
|
|
|
|
+ new Vue({
|
|
|
|
+ el: '#app',
|
|
|
|
+ data: {
|
|
|
|
+ target: 'https://www.xingyousoft.com',
|
|
|
|
+ productList: [],
|
|
|
|
+ },
|
|
|
|
+ mounted: function() {
|
|
|
|
+
|
|
|
|
+ var swiper = new Swiper(".swiper-container", {
|
|
|
|
+ slidesPerView: 3,
|
|
|
|
+ navigation: {
|
|
|
|
+ nextEl: '.swiper-button-next',
|
|
|
|
+ prevEl: '.swiper-button-prev',
|
|
|
|
+ },
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ this.initList();
|
|
|
|
+ },
|
|
|
|
+ //方法
|
|
|
|
+ methods: {
|
|
|
|
+ initList: function() {
|
|
|
|
+ // let _this = this;
|
|
|
|
+ // axios.post(_this.target + '/api/index/product_list', {
|
|
|
|
+ // size: 100,
|
|
|
|
+ // page: 1
|
|
|
|
+ // }).then(function(response) {
|
|
|
|
+ // if (response.data.result) {
|
|
|
|
+ // this.productList = response.data.data.list;
|
|
|
|
+ // console.log(response.data.data)
|
|
|
|
+ // }
|
|
|
|
+ // }.bind(_this)).catch(function(error) {
|
|
|
|
+ // console.log(error);
|
|
|
|
+ // });
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ });
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style>
|
|
|
|
+ .info-flex .f-item2 {
|
|
|
|
+ width: 25%;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 3;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ font-size: 15px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .info-flex .icon-o {
|
|
|
|
+ width: 100px;
|
|
|
|
+ height: 100px;
|
|
|
|
+ margin-right: 0;
|
|
|
|
+ }
|
|
|
|
+</style>
|
|
|
|
+
|
|
|
|
+</html>
|