softebook.blade.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. @include('home.http.common.head')
  5. <link href="/static/public/css/base.css" rel="stylesheet" type="text/css">
  6. <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
  7. <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
  8. <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
  9. <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
  10. <script type="text/javascript" src="/static/js/babel.min.js"></script>
  11. <script type="text/javascript" src="/static/js/vue.min.js"></script>
  12. <script type="text/javascript" src="/static/js/iview.min.js"></script>
  13. <script src="/static/js/utils.js"></script>
  14. <script src="/static/js/config.js"></script>
  15. <style>
  16. .nav-ebook {
  17. position:absolute;
  18. right:0px;
  19. top:9px;
  20. color: #fff;
  21. }
  22. .nav-ebook-link li {
  23. padding: 5px 0;
  24. float: left;
  25. }
  26. .nav-ebook-link li+li {
  27. margin-left: 70px;
  28. position: relative;
  29. }
  30. .nav-ebook-link li a {
  31. font-size: 16px;
  32. color: #fff;
  33. line-height: 48px;
  34. display: block;
  35. position: relative;
  36. }
  37. .nav-ebook-link li a:hover {
  38. color: #fff;
  39. }
  40. .nav-ebook-link li a:hover::after {
  41. content: "";
  42. position: absolute;
  43. bottom: 0;
  44. width: 50%;
  45. left: 25%;
  46. height: 4px;
  47. background-color: #fff;
  48. border-radius: 4px;
  49. }
  50. .nav-ebook-link li+li::after {
  51. content: "";
  52. position: absolute;
  53. left: -32px;
  54. height: 20px;
  55. top: 50%;
  56. margin-top: -10px;
  57. border-left: 1px solid #EDEDED;
  58. }
  59. </style>
  60. </head>
  61. <body>
  62. <div class="header">
  63. @include('home.http.common.header')
  64. </div>
  65. <div id="app">
  66. <!-- 頭部導航 -->
  67. <div class="header">
  68. <!-- 导航栏 -->
  69. <div class="nav noselect">
  70. <div class="width-1200 nav-list">
  71. <a href="{{ toRoute('') }}">
  72. <div class="nav-item">首页</div>
  73. </a>
  74. <a href="{{ toRoute('softcenter') }}">
  75. <div class="nav-item active">Windows软件</div>
  76. </a>
  77. <a href="{{ toRoute('softcentermac') }}">
  78. <div class="nav-item">Mac软件</div>
  79. </a>
  80. <a href="{{ toRoute('buy') }}">
  81. <div class="nav-item">购买</div>
  82. </a>
  83. <a href="{{ toRoute('help') }}">
  84. <div class="nav-item">帮助中心</div>
  85. </a>
  86. <a href="{{ toRoute('about') }}">
  87. <div class="nav-item">关于我们</div>
  88. </a>
  89. </div>
  90. </div>
  91. </div>
  92. <!--- 首頁輪播 --->
  93. <div class="index-banner head">
  94. <div class="w1024">
  95. <div class="logolay">
  96. <img src="/static/ebook/icon.png" style="width: auto;">
  97. <span>星优办公软件</span>
  98. </div>
  99. <div class="nav-ebook">
  100. <ul class="nav-ebook-link js-down">
  101. <li>
  102. <a class="js-down">电子书转PDF</a>
  103. </li>
  104. <li>
  105. <a class="js-down">电子书转Word</a>
  106. </li>
  107. <li>
  108. <a class="js-down">电子书转TXT</a>
  109. </li>
  110. <li>
  111. <a class="js-down">文件转电子书</a>
  112. </li>
  113. </ul>
  114. </div>
  115. <div class="leftword">
  116. <h1>星优电子书助手</h1><span class="soft-tag" style="font-size: 12px !important;">官方版</span>
  117. <p class="word1">电子书转PDF、电子书转Word<br>电子书转TXT、文件转电子书<br>支持各种文件批量添加处理,一键高效处理
  118. <a class="btn1 btnactive js-down ebook-down-btn" href="https://download.yososoft.com/YSEbook/YSEbook_TTY.exe"><span>立即下载</span></a>
  119. </p>
  120. <p class="word2">版本号:v1.2.1.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小:1.56MB</p>
  121. <p class="word2">更新时间:2023-11-21 &nbsp;适合系统:Win7/Win8/Win10</p>
  122. </div>
  123. <img class="rightgif" src="/static/ebook/1.png">
  124. </div>
  125. </div>
  126. <div id="index-skill" class="conbox w">
  127. <div class="container">
  128. <h2 class="contit">支持转换格式</h2>
  129. <div class="skill-box flex flex-between">
  130. <dl class="skill" style="background: #ff59ac">
  131. <dt><img src="/static/ebook/icon-16.png" alt=""></dt>
  132. <dd>pdf转epub</dd>
  133. </dl>
  134. <dl class="skill" style="background: #ff7919">
  135. <dt><img src="/static/ebook/icon-17.png" alt=""></dt>
  136. <dd>epub转pdf</dd>
  137. </dl>
  138. <dl class="skill" style="background: #ff5975">
  139. <dt><img src="/static/ebook/icon-08.png" alt=""></dt>
  140. <dd>电子书转Word</dd>
  141. </dl>
  142. <dl class="skill" style="background: #00b073">
  143. <dt><img src="/static/ebook/icon-09.png" alt=""></dt>
  144. <dd>电子书转PDF</dd>
  145. </dl>
  146. <dl class="skill" style="background: #f27a3b">
  147. <dt><img src="/static/ebook/icon-10.png" alt=""></dt>
  148. <dd>PDF转电子书</dd>
  149. </dl>
  150. <dl class="skill" style="background: #0094b0">
  151. <dt><img src="/static/ebook/icon-07.png" alt=""></dt>
  152. <dd>TXT转电子书</dd>
  153. </dl>
  154. <dl class="skill" style="background: #b0009f">
  155. <dt><img src="/static/ebook/icon-06.png" alt=""></dt>
  156. <dd>MOBI转PDF</dd>
  157. </dl>
  158. <dl class="skill" style="background: #00cc44">
  159. <dt><img src="/static/ebook/icon-12.png" alt=""></dt>
  160. <dd>更多</dd>
  161. </dl>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="eboox">
  166. <h2 class="titleh2css">
  167. <span>格式转换操作指南</span>
  168. </h2>
  169. <h3>为了您能够快速了解并且使用该软件,请您详细阅读操作指南</h3>
  170. <div class="ebooxbanner">
  171. <div class="ebooxleft">
  172. <div class="ebooxitem">
  173. <i></i>
  174. <div class="emsg">
  175. <h2>01.运行软件</h2>
  176. <p>在电脑中安装星优电子书助手并运行该软件
  177. </p>
  178. </div>
  179. </div>
  180. <div class="ebooxitem">
  181. <i></i>
  182. <div class="emsg">
  183. <h2>02.选择功能</h2>
  184. <p>选择进入'EPUB转PDF'、'EPUB转Word'等功能</p>
  185. </div>
  186. </div>
  187. <div class="ebooxitem">
  188. <i></i>
  189. <div class="emsg">
  190. <h2>03.添加文件</h2>
  191. <p>点击按钮添加转换的文件,或通过添加目录的方式导入</p>
  192. </div>
  193. </div>
  194. <div class="ebooxitem">
  195. <i></i>
  196. <div class="emsg">
  197. <h2>04.转换及保存</h2>
  198. <p>点击【开始转换】,可到【输出目录】中查看结果文件
  199. </p>
  200. </div>
  201. </div>
  202. </div>
  203. <div class="zhinanrightimgshowbox">
  204. <img class="img1 active" src="/static/ebook/1.png" alt="">
  205. </div>
  206. </div>
  207. </div>
  208. <!-- 选择 -->
  209. <div class="whyChoiceUs">
  210. <h2 class="titleh2css">为什么选择我们</h2>
  211. <div class="whylist">
  212. <div class="whyitems">
  213. <img src="/static/ebook/whyimg1.png" alt="高效稳定,效果出众">
  214. <h3>高效稳定,效果出众</h3>
  215. <p>强劲性能助力,轻松处理电子书文档,高还原电子书样式</p>
  216. </div>
  217. <div class="whyitems">
  218. <img src="/static/ebook/whyimg2.png" alt="功能全面,多格式转换">
  219. <h3>功能全面,多格式转换</h3>
  220. <p>支持电子书转文档等数多种格式,相互转换轻松方便</p>
  221. </div>
  222. <div class="whyitems">
  223. <img src="/static/ebook/whyimg3.png" alt="一键操作,批量处理">
  224. <h3>一键操作,批量处理</h3>
  225. <p>上手简单,文件转换速度快,批量多文件处理效率高</p>
  226. </div>
  227. </div>
  228. </div>
  229. @include('common.footer')
  230. </div>
  231. </body>
  232. <script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
  233. <script>
  234. new Vue({
  235. el: '#app',
  236. data: {
  237. target: 'https://www.xingyousoft.com',
  238. productList: [],
  239. },
  240. mounted: function() {
  241. var swiper = new Swiper(".swiper-container", {
  242. slidesPerView: 3,
  243. navigation: {
  244. nextEl: '.swiper-button-next',
  245. prevEl: '.swiper-button-prev',
  246. },
  247. });
  248. this.initList();
  249. },
  250. //方法
  251. methods: {
  252. initList: function() {
  253. // let _this = this;
  254. // axios.post(_this.target + '/api/index/product_list', {
  255. // size: 100,
  256. // page: 1
  257. // }).then(function(response) {
  258. // if (response.data.result) {
  259. // this.productList = response.data.data.list;
  260. // console.log(response.data.data)
  261. // }
  262. // }.bind(_this)).catch(function(error) {
  263. // console.log(error);
  264. // });
  265. },
  266. },
  267. });
  268. </script>
  269. <style>
  270. .info-flex .f-item2 {
  271. width: 25%;
  272. text-align: center;
  273. line-height: 3;
  274. font-weight: 600;
  275. font-size: 15px;
  276. }
  277. .info-flex .icon-o {
  278. width: 100px;
  279. height: 100px;
  280. margin-right: 0;
  281. }
  282. </style>
  283. </html>