softpinyin.blade.php 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  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. <link href="/static/pinyin/style.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. </head>
  16. <body>
  17. <div class="header">
  18. @include('home.http.common.header')
  19. </div>
  20. <div id="app">
  21. <!--- 首頁輪播 --->
  22. <div class="index-banner head">
  23. <div class="w1024">
  24. <div class="logolay">
  25. <img src="/static/pinyin/logo.png" style="width: auto;">
  26. <span>星优办公软件</span>
  27. </div>
  28. <div class="leftword">
  29. <h1>星优汉字注音器</h1>
  30. <p class="word1">专业的文字注音软件<br>添加文字或上传文件进行一键注音<br>百万级文字进行注音仅需一分钟
  31. <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYPinyin/XYPinyin_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
  32. </p>
  33. <p class="word2">版本号:v1.4.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小:1.56MB</p>
  34. <p class="word2">更新时间:2024-03-21 &nbsp;适合系统:Win7/Win8/Win10/Win11</p>
  35. </div>
  36. <img class="rightgif" src="/static/pinyin/1.jpg">
  37. </div>
  38. </div>
  39. <div id="index-skill" class="conbox w">
  40. <div class="container">
  41. <div class="pinFun">
  42. <h1>产品功能</h1>
  43. <ul>
  44. <li>
  45. <img src="/static/pinyin/p-pic1.png" alt="">
  46. <div>文字注音</div>
  47. <div>将汉字粘贴到软件后立即注音,一键导出注音后的文件</div>
  48. </li>
  49. <li>
  50. <img src="/static/pinyin/p-pic2.png" alt="">
  51. <div>文件注音</div>
  52. <div>将txt或者word文件上传到软件中,即可一键导出注音后的文件</div>
  53. </li>
  54. <li>
  55. <img src="/static/pinyin/p-pic3.png" alt="">
  56. <div>文件批量注音</div>
  57. <div>支持批量添加txt或者word文本文件,一键对所有文件进行汉字注音</div>
  58. </li>
  59. </ul>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="eboox">
  64. <h2 class="titleh2css">
  65. <span>汉字注音操作指南</span>
  66. </h2>
  67. <h3>为了您能够快速了解并且使用该软件,请您详细阅读操作指南</h3>
  68. <div class="ebooxbanner">
  69. <div class="ebooxleft">
  70. <div class="ebooxitem">
  71. <i></i>
  72. <div class="emsg">
  73. <h2>01.运行软件</h2>
  74. <p>将星优汉字注音器软件在电脑上安装好,然后安装运行。
  75. </p>
  76. </div>
  77. </div>
  78. <div class="ebooxitem">
  79. <i></i>
  80. <div class="emsg">
  81. <h2>02.选择功能</h2>
  82. <p>根据自己的实际情况选择“文字注音“或“文件批量注音“功能.</p>
  83. </div>
  84. </div>
  85. <div class="ebooxitem">
  86. <i></i>
  87. <div class="emsg">
  88. <h2>03.添加文件</h2>
  89. <p>根据选择的功能粘贴文字或者上传文件到软件里。</p>
  90. </div>
  91. </div>
  92. <div class="ebooxitem">
  93. <i></i>
  94. <div class="emsg">
  95. <h2>04.设置及导出</h2>
  96. <p>设置注音结构、拼音风格和分隔符等信息,最后点击“导出注音“导出注音文件
  97. </p>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="zhinanrightimgshowbox">
  102. <img class="img1 active" src="/static/pinyin/1.jpg" alt="">
  103. </div>
  104. </div>
  105. </div>
  106. <!-- 选择 -->
  107. <div class="whyChoiceUs">
  108. <div class="index-title">
  109. <div class="name">我的亮点</div>
  110. <div class="font-14">帮助用户处理大批量文件重命名需求,上班族人事的必备利器</div>
  111. </div>
  112. <div class="info-flex" style="flex-wrap: wrap;">
  113. <div class="f-item"><img src="/static/images/rename/icon-o.png" class="icon-o"> <span class="f-cont">软件功能简单,小白也能学会</span></div>
  114. <div class="f-item"><img src="/static/images/rename/icon-o.png" class="icon-o"> <span class="f-cont">一键添加,批量重命名效率高</span></div>
  115. <div class="f-item"><img src="/static/images/rename/icon-o.png" class="icon-o"> <span class="f-cont">自定义/替换/插入三种重命名方式</span></div>
  116. <div class="f-item"><img src="/static/images/rename/icon-o.png" class="icon-o"> <span class="f-cont">设置简单,功能强大安全放心</span></div>
  117. <div class="f-item"><img src="/static/images/rename/icon-o.png" class="icon-o"> <span class="f-cont">软件处理速度快,提高办公效率</span></div>
  118. <div class="f-item"><img src="/static/images/rename/icon-o.png" class="icon-o"> <span class="f-cont">全方位满足您的文件重命名需求</span></div>
  119. </div>
  120. </div>
  121. @include('common.footer')
  122. </div>
  123. </body>
  124. <script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
  125. <script>
  126. new Vue({
  127. el: '#app',
  128. data: {
  129. target: 'https://www.xingyousoft.com',
  130. productList: [],
  131. },
  132. mounted: function() {
  133. var swiper = new Swiper(".swiper-container", {
  134. slidesPerView: 3,
  135. navigation: {
  136. nextEl: '.swiper-button-next',
  137. prevEl: '.swiper-button-prev',
  138. },
  139. });
  140. this.initList();
  141. },
  142. //方法
  143. methods: {
  144. initList: function() {
  145. // let _this = this;
  146. // axios.post(_this.target + '/api/index/product_list', {
  147. // size: 100,
  148. // page: 1
  149. // }).then(function(response) {
  150. // if (response.data.result) {
  151. // this.productList = response.data.data.list;
  152. // console.log(response.data.data)
  153. // }
  154. // }.bind(_this)).catch(function(error) {
  155. // console.log(error);
  156. // });
  157. },
  158. },
  159. });
  160. </script>
  161. <style>
  162. .info-flex .f-item2 {
  163. width: 25%;
  164. text-align: center;
  165. line-height: 3;
  166. font-weight: 600;
  167. font-size: 15px;
  168. }
  169. .info-flex .icon-o {
  170. width: 100px;
  171. height: 100px;
  172. margin-right: 0;
  173. }
  174. </style>
  175. </html>