softpinyin.blade.php 10 KB

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