softwatermark.blade.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>星优水印助手-星优水印助手最新版免费下载-星优办公软件</title>
  5. <meta name="keywords" content="星优水印助手;星优水印助手下载">
  6. <meta name="description" content="">
  7. @include('home.http.common.head')
  8. <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
  9. <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
  10. <link href="/static/pdf/pdf.css" rel="stylesheet" type="text/css">
  11. <link href="/static/watermark/watermark.css" rel="stylesheet" type="text/css">
  12. <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
  13. <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
  14. <script type="text/javascript" src="/static/js/babel.min.js"></script>
  15. <script type="text/javascript" src="/static/js/vue.min.js"></script>
  16. <script type="text/javascript" src="/static/js/iview.min.js"></script>
  17. <script src="/static/js/utils.js"></script>
  18. <script src="/static/js/config.js"></script>
  19. <style>
  20. .nav-ebook {
  21. position:absolute;
  22. right:0px;
  23. top:9px;
  24. color: #fff;
  25. }
  26. .nav-ebook-link li {
  27. padding: 5px 0;
  28. float: left;
  29. }
  30. .nav-ebook-link li+li {
  31. margin-left: 70px;
  32. position: relative;
  33. }
  34. .nav-ebook-link li a {
  35. font-size: 16px;
  36. color: #fff;
  37. line-height: 48px;
  38. display: block;
  39. position: relative;
  40. }
  41. .nav-ebook-link li a:hover {
  42. color: #fff;
  43. }
  44. .nav-ebook-link li a:hover::after {
  45. content: "";
  46. position: absolute;
  47. bottom: 0;
  48. width: 50%;
  49. left: 25%;
  50. height: 4px;
  51. background-color: #fff;
  52. border-radius: 4px;
  53. }
  54. .nav-ebook-link li+li::after {
  55. content: "";
  56. position: absolute;
  57. left: -32px;
  58. height: 20px;
  59. top: 50%;
  60. margin-top: -10px;
  61. border-left: 1px solid #EDEDED;
  62. }
  63. </style>
  64. </head>
  65. <body>
  66. <div class="header">
  67. @include('home.http.common.header')
  68. </div>
  69. <div style="height: 68px;"></div>
  70. <div id="app">
  71. <!--- 首頁輪播 --->
  72. <div class="index-banner head">
  73. <div class="w1024">
  74. <div class="logolay">
  75. <img src="/static/watermark/icon.png" style="width: auto;">
  76. <span>星优办公软件</span>
  77. </div>
  78. <div class="nav-ebook">
  79. </div>
  80. <div class="leftword">
  81. <h1>星优水印助手</h1>
  82. <p class="word1">图片水印、PDF水印、视频水印<br>支持添加文字水印、图片水印类型<br>一键式拖拽文件到软件中,批量添加效率更高
  83. <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYWatermark/XYWatermark_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
  84. </p>
  85. <p class="word2">版本号:v2.1.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小:1.35MB</p>
  86. <p class="word2">更新时间:2024-08-08 &nbsp;适合系统:Win7/Win10/Win11</p>
  87. </div>
  88. <img class="rightgif" src="/static/watermark/bg.jpg">
  89. </div>
  90. </div>
  91. <!-- 选择 -->
  92. <div class="w1200">
  93. <h1 class="common-h1" style="padding: 80px 0; margin-top: 90px;"><img src="/static/audio/t-bg.png" alt="">为什么选择星优水印助手</h1>
  94. <div class="advantage-box">
  95. <div class="box-item">
  96. <img src="/static/watermark/tag1.png" alt="功能全面">
  97. <p class="topic">功能全面</p>
  98. <p class="sub">功能全面,支持给图片、PDF、视频格式添加水印</p>
  99. </div>
  100. <div class="box-item">
  101. <img src="/static/watermark/tag2.png" alt="便于使用">
  102. <p class="topic">便于使用</p>
  103. <p class="sub">支持用拖拽文件至界面,实现轻松给文件添加水印</p>
  104. </div>
  105. <div class="box-item">
  106. <img src="/static/watermark/tag3.png" alt="质量保障">
  107. <p class="topic">质量保障</p>
  108. <p class="sub">CPU处理技术快速提高工作效率,文件信息安全有保障。</p>
  109. </div>
  110. <div class="box-item">
  111. <img src="/static/watermark/tag4.png" alt="操作简单">
  112. <p class="topic">操作简单</p>
  113. <p class="sub">简单便捷的交互与界面设计操作简单舒心体验。</p>
  114. </div>
  115. </div>
  116. </div>
  117. <!-- 适用场景 -->
  118. <div class="wscene">
  119. <h2 class="titleH2">适用场景</h2>
  120. <div class="wsceneList">
  121. <div class="wsceneItems">
  122. <img src="/static/watermark/wscene1.png">
  123. <div class="changjinwenben">
  124. <h3>版权保护</h3>
  125. <p>对于广告等商业作品,添加水印可以标明版权信息、所有者身份,防止他人未经许可使用或篡改,从而保护企业的商业利益</p>
  126. </div>
  127. </div>
  128. <div class="wsceneItems">
  129. <img src="/static/watermark/wscene2.png">
  130. <div class="changjinwenben">
  131. <h3>个人用途</h3>
  132. <p>对于个人用户而言,添加水印还可以在照片上标注拍摄地点、时间等信息,便于后续整理和分类。适合喜欢拍照记录生活的用户。</p>
  133. </div>
  134. </div>
  135. <div class="wsceneItems">
  136. <img src="/static/watermark/wscene3.png">
  137. <div class="changjinwenben">
  138. <h3>证据认定</h3>
  139. <p>可以在图片、文件或视频上添加时间戳、身份信息等水印,以确保其完整性和真实性。这对于法律、调查等场景具有重要意义。</p>
  140. </div>
  141. </div>
  142. <div class="wsceneItems">
  143. <img src="/static/watermark/wscene4.png">
  144. <div class="changjinwenben">
  145. <h3>品牌宣传</h3>
  146. <p>企业可以利用水印技术将公司名称、标志嵌入图像和视频中,以提高品牌知名度和推广效果。加深观众对品牌的印象。</p>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. <div class="index-about">
  152. <div class="width-1024" style="padding-top: 50px;">
  153. <div class="index-title">
  154. <h1 class="common-h1">众多用户的选择</h1>
  155. </div>
  156. </div>
  157. <div style="padding: 20px 0;">
  158. <div class="width-1024 index-banner">
  159. <div class="swiper-container" style="height: auto;">
  160. <div class="swiper-wrapper">
  161. <div class="swiper-slide">
  162. <div class="head-item">
  163. <img src="/static/pdf/head/3.png" class="head-icon" />
  164. <p class="head-name">a**z</p>
  165. <div class="head-desc">简单的图片处理自己就可以操作啦,直接一键批量给图打上水印,水印样式自定义,再也不怕被盗图了。</div>
  166. <div class="head-time">2024-08-05 06:03</div>
  167. </div>
  168. </div>
  169. <div class="swiper-slide">
  170. <div class="head-item">
  171. <img src="/static/pdf/head/1.png" class="head-icon" />
  172. <p class="head-name">6**好</p>
  173. <div class="head-desc">平时喜欢拍照记录生活的用户添加水印,可以在照片上标注拍摄地点、时间等信息,便于后续整理和分类。</div>
  174. <div class="head-time">2024-08-06 10:26</div>
  175. </div>
  176. </div>
  177. <div class="swiper-slide">
  178. <div class="head-item">
  179. <img src="/static/pdf/head/4.png" class="head-icon" />
  180. <p class="head-name">5**6</p>
  181. <div class="head-desc">自己就可以利用水印技术将名称、网址嵌入和视频中,以提高品牌知名度和推广效果,操作简单便捷。</div>
  182. <div class="head-time">2024-08-07 16:57</div>
  183. </div>
  184. </div>
  185. <div class="swiper-slide">
  186. <div class="head-item">
  187. <img src="/static/pdf/head/2.png" class="head-icon" />
  188. <p class="head-name">Z**6</p>
  189. <div class="head-desc">要给这款PDF添加水印的软件点个赞,PDF需要添加水印才可以防止泄露,解决了工作中文件加密的问题。</div>
  190. <div class="head-time">2024-08-08 09:13</div>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="swiper-button-prev"></div>
  195. <div class="swiper-button-next"></div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. @include('home.http.common.footer')
  201. </div>
  202. </body>
  203. <script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
  204. <script>
  205. new Vue({
  206. el: '#app',
  207. data: {
  208. target: 'https://www.xingyousoft.com',
  209. productList: [],
  210. },
  211. mounted: function() {
  212. var swiper = new Swiper(".swiper-container", {
  213. slidesPerView: 3,
  214. navigation: {
  215. nextEl: '.swiper-button-next',
  216. prevEl: '.swiper-button-prev',
  217. },
  218. });
  219. this.initList();
  220. },
  221. //方法
  222. methods: {
  223. initList: function() {
  224. // let _this = this;
  225. // axios.post(_this.target + '/api/index/product_list', {
  226. // size: 100,
  227. // page: 1
  228. // }).then(function(response) {
  229. // if (response.data.result) {
  230. // this.productList = response.data.data.list;
  231. // console.log(response.data.data)
  232. // }
  233. // }.bind(_this)).catch(function(error) {
  234. // console.log(error);
  235. // });
  236. },
  237. },
  238. });
  239. </script>
  240. <style>
  241. .info-flex .f-item2 {
  242. width: 25%;
  243. text-align: center;
  244. line-height: 3;
  245. font-weight: 600;
  246. font-size: 15px;
  247. }
  248. .info-flex .icon-o {
  249. width: 100px;
  250. height: 100px;
  251. margin-right: 0;
  252. }
  253. </style>
  254. </html>