new

app/Http/Home/IndexController.php

@@ -23,7 +23,8 @@ class IndexController extends HttpBaseController
     {
         // 帮助中心
         $newsList = DB::table('news')->limit(9)->get();
+        $productList = DB::table('product')->limit(100)->get();
 
-        return view('home/http/index', ['newsList' => $newsList]);
+        return view('home/http/index', ['newsList' => $newsList, 'productList' => $productList]);
     }
 }

public/static/css/index.css

@@ -54,9 +54,12 @@ ul, li, ol {
 
 /** 首页头部样式 **/
 .header {
-    background-color: #fff;
-    border-bottom: 1px solid #ddd;
-    margin-bottom: 10px;
+    background-color: #0E144A;
+    color: #fff;
+    position: fixed;
+    width: 100%;
+    height: 68px;
+    z-index: 9;
 }
 
 .header .top-bg {
@@ -79,12 +82,11 @@ ul, li, ol {
 }
 
 .header .logo {
-    height: 40px;
+    height: 50px;
     margin-right: 20px;
-    max-height: 40px;
-    line-height: 6px;
+    max-height: 50px;
     position: relative;
-    top: 5px;
+    top: 0;
 }
 
 .header .space-line {
@@ -103,7 +105,7 @@ ul, li, ol {
 .header .logo-title {
     font-size: 32px;
     font-weight: bold;
-    color: #DC3223;
+    color: #fff;
     display: inline;
     position: relative;
 }
@@ -163,11 +165,10 @@ ul, li, ol {
     position: relative;
     margin: 0 10px;
     padding: 0 10px;
-    border-bottom: 3px solid #fff;
 }
 
 .nav-item.active, .nav-item:hover {
-    border-bottom: 3px solid red;
+    color: #00e099;
 }
 
 #navbarSupportedContent {
@@ -220,11 +221,9 @@ ul, li, ol {
 /* 底部導航 */
 .index-footer {
     width: 100%;
-    background-color: #666;
-    color: rgba(255, 255, 255, 0.4);
+    background-color: #2f3036;
     text-align: center;
-    padding-bottom: 40px;
-    border-top: 4px solid #DC3223;
+    padding: 60px 0 10px;
 }
 
 .flex-start {
@@ -247,26 +246,28 @@ ul, li, ol {
 
 .footer-bottom {
     font-size: 12px;
-    line-height: 40px;
-    color: #333;
+    line-height: 30px;
+    color: #c5cbe8;
     text-align: center;
 }
 
 .footer-item {
     width: 25%;
-    color: #fff;
-    text-align: left;
+    color: #c5cbe8;
+    text-align: center;
     line-height: 1.8;
+    margin-bottom: 40px;
 }
 
 .footer-item .footer-title {
-    font-size: 18px;
+    color: #fff;
+    font-size: 24px;
+    font-weight: 600;
     padding: 50px 0 10px;
 }
 
 .footer-item .footer-img {
     width: 140px;
-    height: 140px;
     padding-top: 50px;
     box-sizing: content-box;
 }
@@ -292,10 +293,12 @@ ul, li, ol {
 .banner-bg {
     width: 100%;
     min-width: 1200px;
-    height: 500px;
+    height: 700px;
     background-repeat: no-repeat;
     background-position: center center;
-    background-size: auto 100%;
+    background-size: 100% 100%;
+    background-image: url('../images/swiper-bg.jpg');
+    padding-top: 10px;
 }
 
 .index-banner {
@@ -331,7 +334,7 @@ ul, li, ol {
 }
 
 .index-title .name {
-    color: #006272;
+    color: #343c55;
     font-size: 24px;
     font-weight: 600;
     padding: 35px 0 20px;
@@ -393,14 +396,15 @@ ul, li, ol {
 }
 
 .why-title {
-    font-size: 20px;
+    font-size: 30px;
     font-weight: 600;
     margin: 6px 0 12px;
+    color: #fff;
 }
 
 .why-desc {
-    font-size: 14px;
-    color: #666;
+    font-size: 20px;
+    color: #c5cbe8;
 }
 
 .serve-item {
@@ -1058,3 +1062,78 @@ a {
     height: 50px;
 }
 
+.swiper-button-next, .swiper-button-prev{
+    border: 1px solid #ccc;
+    width: 50px;
+    height: 50px;
+    border-radius: 5px;
+    background-size: 50% 50%;
+}
+.navbar{
+    background: #0E144A;
+}
+
+/*** 新版 ***/
+.ab-item{
+    margin-bottom: 32px;
+    overflow: hidden;
+}
+.ab-img{
+    width: 100%;
+    transition: transform 0.5s ease;
+}
+
+.ab-img:hover{
+    transform: scale(1.1);
+}
+
+.ab-block{
+    position: absolute;
+    background-color: #00e099;
+    color: #fff;
+    width:220px;
+    height:220px;
+    left:180px;
+    top:200px;
+    font-size: 26px;
+    font-weight: 600;
+    text-align:center;
+    padding: 60px 0;
+    border-radius: 10px;
+}
+
+.abo-item{
+    text-align: center;
+    padding: 0 45px;
+}
+.icon-ab{
+    width: 80px;
+}
+.abo-title{
+    font-weight: 600;
+    font-size: 18px;
+    padding: 20px 0 40px;
+}
+.a-btn-download{
+    padding: 5px 0;
+    font-size: 16px;
+    font-weight: 700;
+    border-radius: 28px;
+    color: #fff;
+    outline: 0 none;
+    background: #00e099;
+    border: 2px solid #00e099;
+    cursor: pointer;
+    width: 120px;
+    margin: auto;
+    text-align: center;
+}
+
+.a-btn-download:hover{
+    background: #fff;
+    color: #00e099;
+}
+
+.coa-item:hover{
+    color: #00e099 !important;
+}

resources/views/home/http/about.blade.php

@@ -12,36 +12,76 @@
             background: url(../images/banner_about_us.jpg) center center no-repeat;
         }
     </style>
+    <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
+    <style>
+        .head{
+            background: none;
+        }
+    </style>
 </head>
 <body>
 <div class="header">
     @include('home.http.common.header')
 </div>
+<div style="height: 68px;"></div>
 
-<!--- 首頁輪播 --->
-<div style="width: 100%;height: 300px;background: url('/static/http/about.jpg') center center no-repeat;">
-</div>
-
+@include('home.http.common.banner')
 <div class="container">
     <!-- 公司简介 -->
-    <div class="index-product flex-start">
-        <div class="introduce-detail">
-            <div class="de-title" id="introduce1">
-                <p class="name">关于我们</p>
-                <p class="en-name">COMPANY PROFILE</p>
-            </div>
-            <div class="introduce-content">
-                <p>
-                    苏州星优办公软件有限公司是一个专注于办公软开发及推广的专业团队，成立于2024年，坐落于江苏省苏州市。公司拥有一批优秀的技术团队，团队成员均具有多年的开发经验，开发经验丰富。</p>
-                <p>
-                    目前主要专注于Windows和Mac平台的软件以，目前的产品主要由星优电子书助手、星优汉字注音器等软件，在行业内积累了丰富的经验，产品和服务在业内有着独特且领先的核心竞争力！</p>
+    <div class="width-1200" style="padding: 140px 0;">
+        <div class="flex-between">
+            <div class="flex-between" style="width: 49%; position: relative;">
+                <div style="width: 47%;">
+                    <div class="ab-item">
+                        <img class="ab-img" src="/static/images/about-img1.jpg" alt=""/>
+                    </div>
+                    <div class="ab-item">
+                        <img class="ab-img" src="/static/images/about-img3.jpg" alt=""/>
+                    </div>
 
-                <div class="img-area">
-                    <img src="/static/images/29.png" style="width:40%;"/>
-                    <img src="/static/images/30.png" style="width:40%;"/>
+                </div>
+                <div style="width: 47%;">
+                    <div class="ab-item">
+                        <img class="ab-img" src="/static/images/about-img4.jpg" alt=""/>
+                    </div>
+                    <div class="ab-item">
+                        <img class="ab-img" src="/static/images/about-img2.jpg" alt=""/>
+                    </div>
+                </div>
+                <div class="ab-block">
+                    <div>聚焦</div>
+                    <div style="font-size: 28px;">软件服务</div>
+                </div>
+            </div>
+            <div style="width: 49%; color:#343c55;">
+                <div style="font-size: 16px; text-align: center; font-weight: 700;">About Us</div>
+                <div style="font-size: 50px; font-weight: 600; text-align: center;">我们让事情变得更简单</div>
+                <div style="padding: 45px; color: #646d8a; line-height: 33px;">
+                    专注于电脑软件，产品丰富，在行业内积累了丰富的经验，产品和服务在业内有着独特且领先的核心竞争力！
+                </div>
+                <div class="abo-item flex-start">
+                    <div style="width: 50%;">
+                        <img class="icon-ab" src="/static/images/icon-about1.png" alt=""/>
+                        <div class="abo-title">开发人员提供技术支持</div>
+                    </div>
+                    <div style="width: 50%;">
+                        <img class="icon-ab" src="/static/images/icon-about2.png" alt=""/>
+                        <div class="abo-title">实现自动化解决方案</div>
+                    </div>
+                </div>
+                <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
+                    <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt=""/>
+                    <span style="line-height: 35px; padding-left: 10px;">专注数据安全领域，扫码登陆保护隐私，注重保护个人数据安全</span>
+                </div>
+                <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
+                    <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt=""/>
+                    <span style="line-height: 35px; padding-left: 10px;">专注办公软件领域，提供关于图片/文档/音视频等多功能服务</span>
+                </div>
+                <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
+                    <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt=""/>
+                    <span style="line-height: 35px; padding-left: 10px;">以技术研发作为第一生产力，提供更多软件服务</span>
                 </div>
             </div>
-
         </div>
     </div>
 </div>

resources/views/home/http/buy.blade.php

@@ -377,6 +377,7 @@
 <div class="header">
     @include('home.http.common.header')
 </div>
+<div style="height: 68px;"></div>
 <div class="payment-top" style="display: flex;align-items: center;justify-content: center;">
     <img src="{{ $productInfo->logo ?? '' }}" alt="{{ $productInfo->title ?? '' }}">
     <span>{{ $productInfo->title ?? '' }} - 会员充值</span>

resources/views/home/http/common/banner.blade.php

@@ -0,0 +1,41 @@
+<!--- 首頁輪播 --->
+<div class="index-banner">
+    <div class="swiper-container">
+        <div class="swiper-wrapper">
+            <div class="swiper-slide">
+                <div class="banner-bg">
+                    <div class="width-1200 index-banner head">
+                        <div class="leftword">
+                            <h1>星优文件名管理器</h1>
+                            <p class="word1">格式转换、批量压缩、调整尺寸、添加水印等<br>支持图片格式相互转换，批量处理效率高<br>支持批量处理图片DPI、图片裁剪拼接等功能
+                                <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYImage/XYImage_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
+                            </p>
+                            <p class="word2">版本号：v2.2.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小：1.56MB</p>
+                            <p class="word2">更新时间：2024-05-31 &nbsp;适合系统：Win7/Win10/Win11</p>
+                        </div>
+                        <img class="rightgif" src="/static/rename/1.jpg">
+                    </div>
+                </div>
+            </div>
+            <div class="swiper-slide">
+                <div class="banner-bg">
+                    <div class="width-1200 index-banner head">
+                        <div class="leftword">
+                            <h1>星优图片处理大师</h1>
+                            <p class="word1">批量在文件名中删除/修改/替换/插入部分字符<br>修改文件的“修改时间”和创建时间<br>文件、文件夹名称提取，批量创建<br>
+                                <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYRename/XYRename_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
+                            </p>
+                            <p class="word2">版本号：v1.5.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小：1.56MB</p>
+                            <p class="word2">更新时间：2024-05-08 &nbsp;适合系统：Win7/Win10/Win11</p>
+                        </div>
+                        <img class="rightgif" src="/static/ebook/image-3.png">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 如果需要分页器 -->
+        <div class="swiper-pagination"></div>
+        <div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper外面，需要自定义样式。-->
+        <div class="swiper-button-next"></div><!--右箭头。如果放置在swiper外面，需要自定义样式。-->
+    </div>
+</div>

resources/views/home/http/common/footer.blade.php

@@ -2,44 +2,46 @@
 <div class="index-footer">
     <div class="width-1200">
         <div class="flex-between">
+
+            <div class="footer-item footer-center">
+                <img src="/static/images/qr-code.jpg" class="footer-img"/>
+                <div class="follow-tips">扫一扫，关注我们</div>
+            </div>
             <div class="footer-item">
-                <div class="footer-title">网站中心</div>
+                <div class="footer-title">网站导航</div>
                 <div><a href="{{ toRoute('') }}">首页</a></div>
                 <div><a href="{{ toRoute('help') }}">帮助中心</a></div>
                 <div><a href="{{ toRoute('about') }}">关于我们</a></div>
             </div>
             <div class="footer-item">
                 <div class="footer-title">旗下产品</div>
-                <div>星优电子书助手</div><div>星优汉字注音器</div><div>星优图片处理大师</div>
-            </div>
-            <div class="footer-item footer-center" style="margin-right:15px">
-                <img src="/static/qrcode.png" class="footer-img"/>
-                <div class="follow-tips">联系客服</div>
+                <div>星优文件名管理器</div><div>星优汉字注音器</div><div>星优图片处理大师</div>
             </div>
             <div class="footer-item footer-center">
-                <img src="/static/images/qr-code.jpg" class="footer-img"/>
-                <div class="follow-tips">扫一扫，关注我们</div>
+                <img src="/static/qrcode.png" class="footer-img"/>
             </div>
         </div>
     </div>
-</div>
-<div class="footer-bottom noselect">
-    <div class="width-1200">
-        友情链接：
-        <a style="margin-right: 10px;" target="_blank" href="https://xiazai.zol.com.cn/">ZOL软件下载</a>
-        <a style="margin-right: 10px;" target="_blank" href="http://www.ddooo.com">多多软件站</a>
-        <a style="margin-right: 10px;" target="_blank" href="https://dl.pconline.com.cn/">太平洋下载中心</a>
-        <a style="margin-right: 10px;" target="_blank" href="http://www.pc6.com/">pc6下载站</a>
-        <a style="margin-right: 10px;" target="_blank" href="https://www.jb51.net/" >脚本之家下载</a>
-        <a style="margin-right: 10px;" target="_blank" href="http://www.downcc.com/" >绿色软件站</a>
-        <a style="margin-right: 10px;" target="_blank" href="https://mydown.yesky.com/">天极网站</a>
-        <a style="margin-right: 10px;" target="_blank" href="https://www.32r.com/">3322软件站</a>
 
-    </div>
-    <div class="width-1200">
-        Copyright © 2024 苏州星优办公软件有限公司@版权所有 <a target="_blank" href="https://beian.miit.gov.cn/">苏ICP备2024068859号-1</a>
+    <div class="footer-bottom noselect">
+        <div class="width-1200">
+            友情链接：
+            <a style="margin-right: 10px;" target="_blank" href="https://xiazai.zol.com.cn/">ZOL软件下载</a>
+            <a style="margin-right: 10px;" target="_blank" href="http://www.ddooo.com">多多软件站</a>
+            <a style="margin-right: 10px;" target="_blank" href="https://dl.pconline.com.cn/">太平洋下载中心</a>
+            <a style="margin-right: 10px;" target="_blank" href="http://www.pc6.com/">pc6下载站</a>
+            <a style="margin-right: 10px;" target="_blank" href="https://www.jb51.net/" >脚本之家下载</a>
+            <a style="margin-right: 10px;" target="_blank" href="http://www.downcc.com/" >绿色软件站</a>
+            <a style="margin-right: 10px;" target="_blank" href="https://mydown.yesky.com/">天极网站</a>
+            <a style="margin-right: 10px;" target="_blank" href="https://www.32r.com/">3322软件站</a>
+
+        </div>
+        <div class="width-1200">
+            Copyright © 2024 苏州星优办公软件有限公司@版权所有 <a target="_blank" href="https://beian.miit.gov.cn/">苏ICP备2024068859号-1</a>
+        </div>
     </div>
 </div>
 
 
+
 <script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>

resources/views/home/http/help.blade.php

@@ -4,27 +4,21 @@
 <head>
     <title>帮助中心-星优办公软件</title>
     @include('home.http.common.head')
+    <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
+    <style>
+        .head{
+            background: none;
+        }
+    </style>
 </head>
 
 <body>
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
 
-    <!--- 首頁輪播 --->
-    <div class="index-banner">
-        <div class="swiper-container">
-            <div class="swiper-wrapper">
-                <div class="swiper-slide">
-                    <a href="https://xy.xingyousoft.com/soft/XYEbook/XYEbook_XY.exe">
-                        <div class="banner-bg" style="background-image: url('/static/images/ebook-banner.jpg');"></div>
-                    </a>
-                </div>
-            </div>
-            <!-- 如果需要分页器 -->
-            <div class="swiper-pagination"></div>
-        </div>
-    </div>
+    @include('home.http.common.banner')
 
     <div class="container">
         <!--- 解决方案 --->
@@ -61,6 +55,16 @@
     </div>
 
     @include('home.http.common.footer')
+<script>
+    new Swiper('.swiper-container', {
+        loop: true,
+        // 如果需要分页器
+        navigation: {
+            nextEl: ".swiper-button-next",
+            prevEl: ".swiper-button-prev",
+        }
+    })
+</script>
 </body>
 
 </html>

resources/views/home/http/help2.blade.php

@@ -4,27 +4,21 @@
 <head>
     <title>帮助中心-星优办公软件</title>
     @include('home.http.common.head')
+    <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
+    <style>
+        .head{
+            background: none;
+        }
+    </style>
 </head>
 
 <body>
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
 
-    <!--- 首頁輪播 --->
-    <div class="index-banner">
-        <div class="swiper-container">
-            <div class="swiper-wrapper">
-                <div class="swiper-slide">
-                    <a href="https://xy.xingyousoft.com/soft/XYEbook/XYEbook_XY.exe">
-                        <div class="banner-bg" style="background-image: url('/static/images/ebook-banner.jpg');"></div>
-                    </a>
-                </div>
-            </div>
-            <!-- 如果需要分页器 -->
-            <div class="swiper-pagination"></div>
-        </div>
-    </div>
+    @include('home.http.common.banner')
 
     <div class="container">
         <!--- 解决方案 --->
@@ -61,6 +55,17 @@
     </div>
 
     @include('home.http.common.footer')
+
+<script>
+    new Swiper('.swiper-container', {
+        loop: true,
+        // 如果需要分页器
+        navigation: {
+            nextEl: ".swiper-button-next",
+            prevEl: ".swiper-button-prev",
+        }
+    })
+</script>
 </body>
 
 </html>

resources/views/home/http/index.blade.php

@@ -5,118 +5,145 @@
     <meta name="keywords" content="星优办公软件;星优文件名管理器;星优图片处理大师;星优电子书助手;星优汉字注音器;星优文件压缩器;星优音频助手;星优视频大师">
     <meta name="description" content="星优办公软件专注于办公软件的开发和发布，已经为百万用户提供服务，提高工作效率，目前旗下软件有：星优办公软件、星优文件名管理器、星优图片处理大师、星优电子书助手、星优汉字注音器、星优文件压缩器、星优音频助手、星优视频大师等，欢迎大家下载使用。">
     @include('home.http.common.head')
+    <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
+    <style>
+        .head{
+            background: none;
+        }
+    </style>
 </head>
 <body>
 <div class="header">
     @include('home.http.common.header')
 </div>
+<div style="height: 68px;"></div>
 
-<!--- 首頁輪播 --->
-<div class="index-banner">
-    <div class="swiper-container">
-        <div class="swiper-wrapper">
-            <div class="swiper-slide">
-                <a href="https://xy.xingyousoft.com/soft/XYEbook/XYEbook_XY.exe">
-                    <div class="banner-bg" style="background-image: url('/static/images/ebook-banner.jpg');"></div>
-                </a>
+@include('home.http.common.banner')
+
+<div style="background-color: #4b69e9;">
+    <div class="width-1200" style="padding: 100px 0 120px;">
+        <div class="index-title" style="color: #fff; font-weight: 600;margin-bottom: 60px;">
+            <div style="font-size: 16px;">Our Services</div>
+            <div style="font-size: 32px; ">我们让事情变得更简单</div>
+        </div>
+        <div class="flex-between">
+            <div class="why-item">
+                <img src="/static/images/icon-index1.png" class="why-img"/>
+                <p class="why-title">绿色安全</p>
+                <p class="why-desc">安全可靠，无插件无广告</p>
+            </div>
+            <div class="why-item">
+                <img src="/static/images/icon-index2.png" class="why-img"/>
+                <p class="why-title">操作简单</p>
+                <p class="why-desc">操作便捷，快速上手</p>
             </div>
+            <div class="why-item">
+                <img src="/static/images/icon-index4.png" class="why-img"/>
+                <p class="why-title">免费升级</p>
+                <p class="why-desc">软件享受免费升级服务</p>
+            </div>
+            <div class="why-item">
+                <img src="/static/images/icon-index3.png" class="why-img"/>
+                <p class="why-title">专业支持</p>
+                <p class="why-desc">提供专业的技术支持</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div>
+    <div class="width-1200" style="padding: 100px 0;">
+        <div class="index-title" style="font-weight: 600;margin-bottom: 60px;">
+            <div style="font-size: 16px;">Our Products</div>
+            <div style="font-size: 32px; ">软件产品</div>
+        </div>
+        <div class="flex-start" style="flex-wrap: wrap;">
+            @foreach($productList as $item)
+                <div class="overflow" style="width: 20%; text-align: center; margin-bottom: 50px;">
+                    <img src="{{'https://www.xingyousoft.com' . $item->logo}}" style="width: 80px;height: 80px; border-radius: 10px;"/>
+                    <p style="margin: 20px 0 10px; font-weight: 600">{{$item->title}}</p>
+                    <a style="display: inline-block;" href="{{'https://xy.xingyousoft.com/soft/' . $item->domain_prefix . '/' . $item->domain_prefix . '_XY.exe'}}"><div class="a-btn-download">点击下载</div></a>
+                </div>
+            @endforeach
         </div>
-        <!-- 如果需要分页器 -->
-        <div class="swiper-pagination"></div>
     </div>
 </div>
 
-<div class="container">
-    <!--- 解决方案 --->
-    <div class="index-about">
-        <div>
-            <div class="index-title">
-                <div class="name">解决方案</div>
-                <div class="desc">为用户提供更好的解决方案</div>
+<div style="background-color: #2f3036;">
+    <div class="width-1200" style="padding: 100px 0 120px;">
+        <div class="index-title" style="color: #fff; font-weight: 600;margin-bottom: 40px;">
+            <div style="font-size: 16px;">News</div>
+            <div style="font-size: 32px; ">软件使用教程</div>
+        </div>
+        <div class="flex-between" style="color: #fff; flex-wrap:wrap;">
+            @foreach($newsList as $item)
+            <div class="overflow" style="width: 33.3%; margin-bottom: 15px;">
+                <img src="/static/images/icon-news.png" style="width: 30px; margin-right: 10px;" />
+                <a class="coa-item overflow" href="{{'/news/detail/' . $item->mid}}">
+                    {{$item->title}}
+                </a>
             </div>
-            <div class="flex-between">
-                <div class="a-bg">
-                    <div class="area-title">
-                        <div class="a-title">高效率办公</div>
-                        <div class="a-desc more-overflow">
-                            办公利器，解决用户办公痛点需求，简单方便上手，瞬间提高工作效率，让您在职场脱颖而出
-                        </div>
+            @endforeach
+
+            <a style="margin: 20px auto 0;" href="{{ toRoute('help') }}"><div class="a-btn-download">查看更多</div></a>
+        </div>
+    </div>
+</div>
+
+<div>
+    <div class="width-1200" style="padding: 140px 0;">
+        <div class="flex-between">
+            <div class="flex-between" style="width: 49%; position: relative;">
+                <div style="width: 47%;">
+                    <div class="ab-item">
+                        <img class="ab-img" src="/static/images/about-img1.jpg" alt=""/>
                     </div>
-                </div>
-                <div class="a-bg a-bg2">
-                    <div class="area-title">
-                        <div class="a-title">专业的工具</div>
-                        <div class="a-desc more-overflow">
-                            摆脱传统软件学习成本高的弊端，开发出更符合大众使用需求的开发工具，傻瓜式操作更简单快捷
-                        </div>
+                    <div class="ab-item">
+                        <img class="ab-img" src="/static/images/about-img3.jpg" alt=""/>
                     </div>
-                </div>
-            </div>
 
-            <div class="index-title">
-                <div class="name">为什么选择我们</div>
-                <div class="desc">多年深耕软件领域我们更专业</div>
-            </div>
-            <div class="flex-between">
-                <div class="why-item">
-                    <img src="/static/images/31.png" class="why-img"/>
-                    <p class="why-title">绿色安全</p>
-                    <p class="why-desc">安全可靠 无插件无广告</p>
-                </div>
-                <div class="why-item">
-                    <img src="/static/images/33.png" class="why-img"/>
-                    <p class="why-title">操作简单</p>
-                    <p class="why-desc">软件使用简单 易上手</p>
                 </div>
-                <div class="why-item">
-                    <img src="/static/images/32.png" class="why-img"/>
-                    <p class="why-title">免费升级</p>
-                    <p class="why-desc">会员期内享受免费升级服务</p>
+                <div style="width: 47%;">
+                    <div class="ab-item">
+                        <img class="ab-img" src="/static/images/about-img4.jpg" alt=""/>
+                    </div>
+                    <div class="ab-item">
+                        <img class="ab-img" src="/static/images/about-img2.jpg" alt=""/>
+                    </div>
                 </div>
-                <div class="why-item">
-                    <img src="/static/images/34.png" class="why-img"/>
-                    <p class="why-title">专业支持</p>
-                    <p class="why-desc">客服人员一对一技术支持</p>
+                <div class="ab-block">
+                    <div>聚焦</div>
+                    <div style="font-size: 28px;">软件服务</div>
                 </div>
             </div>
-
-            <div class="index-title">
-                <div class="name">服务领域</div>
-                <div class="desc">覆盖多领域办公使用</div>
-            </div>
-            <div class="flex-between">
-                <div class="serve-item">
-                    <img src="/static/images/38.png" class="serve-img"/>
-                    <p class="serve-title">企业商用</p>
-                    <p class="serve-desc">自主研发，商用无忧，可以覆盖您的日常办公需求</p>
+            <div style="width: 49%; color:#343c55;">
+                <div style="font-size: 16px; text-align: center; font-weight: 700;">About Us</div>
+                <div style="font-size: 50px; font-weight: 600; text-align: center;">我们让事情变得更简单</div>
+                <div style="padding: 45px; color: #646d8a; line-height: 33px;">
+                    专注于电脑软件，产品丰富，在行业内积累了丰富的经验，产品和服务在业内有着独特且领先的核心竞争力！
                 </div>
-                <div class="serve-item">
-                    <img src="/static/images/37.png" class="serve-img"/>
-                    <p class="serve-title">政府服务</p>
-                    <p class="serve-desc">支持各级政府办公采购，协助提高政府服务效率</p>
+                <div class="abo-item flex-start">
+                    <div style="width: 50%;">
+                        <img class="icon-ab" src="/static/images/icon-about1.png" alt=""/>
+                        <div class="abo-title">开发人员提供技术支持</div>
+                    </div>
+                    <div style="width: 50%;">
+                        <img class="icon-ab" src="/static/images/icon-about2.png" alt=""/>
+                        <div class="abo-title">实现自动化解决方案</div>
+                    </div>
                 </div>
-                <div class="serve-item">
-                    <img src="/static/images/36.png" class="serve-img"/>
-                    <p class="serve-title">教育科研</p>
-                    <p class="serve-desc">辅助教育/教学科研，让教育工作更简单更高效</p>
+                <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
+                    <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt=""/>
+                    <span style="line-height: 35px; padding-left: 10px;">专注数据安全领域，扫码登陆保护隐私，注重保护个人数据安全</span>
                 </div>
-                <div class="serve-item">
-                    <img src="/static/images/35.png" class="serve-img"/>
-                    <p class="serve-title">个人使用</p>
-                    <p class="serve-desc">产品简单易用易上手，致力于打造用户信得过的产品</p>
+                <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
+                    <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt=""/>
+                    <span style="line-height: 35px; padding-left: 10px;">专注办公软件领域，提供关于图片/文档/音视频等多功能服务</span>
+                </div>
+                <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
+                    <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt=""/>
+                    <span style="line-height: 35px; padding-left: 10px;">以技术研发作为第一生产力，提供更多软件服务</span>
                 </div>
-            </div>
-
-            <div class="index-title">
-                <div class="name">使用教程</div>
-            </div>
-
-            <div class="flex-between course-list">
-                @foreach($newsList as $item)
-                    <a class="course-item overflow" href="{{'/news/detail/' . $item->mid}}">
-                        {{$item->title}}
-                    </a>
-                @endforeach
             </div>
         </div>
     </div>
@@ -128,8 +155,9 @@
     new Swiper('.swiper-container', {
         loop: true,
         // 如果需要分页器
-        pagination: {
-            el: '.swiper-pagination',
+        navigation: {
+            nextEl: ".swiper-button-next",
+            prevEl: ".swiper-button-prev",
         }
     })
 </script>

resources/views/home/http/newsdetail.blade.php

@@ -12,6 +12,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
 
         <!--- 解决方案 --->

resources/views/home/http/newslist.blade.php

@@ -10,6 +10,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
 
         <!--- 解决方案 --->

resources/views/home/http/softaudio.blade.php

@@ -74,6 +74,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
         <!--- 首頁輪播 --->
         <div class="index-banner head">

resources/views/home/http/softcompress.blade.php

@@ -74,6 +74,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
         <!--- 首頁輪播 --->
         <div class="index-banner head">

resources/views/home/http/softebook.blade.php

@@ -73,6 +73,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
         <!--- 首頁輪播 --->
         <div class="index-banner head">

resources/views/home/http/softimage.blade.php

@@ -74,6 +74,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
         <!--- 首頁輪播 --->
         <div class="index-banner head">

resources/views/home/http/softpdf.blade.php

@@ -74,6 +74,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
         <!--- 首頁輪播 --->
         <div class="index-banner head">

resources/views/home/http/softpinyin.blade.php

@@ -22,6 +22,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
         <!--- 首頁輪播 --->
         <div class="index-banner head">

resources/views/home/http/softrename.blade.php

@@ -76,6 +76,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
         <!--- 首頁輪播 --->
         <div class="index-banner head">

resources/views/home/http/softvideos.blade.php

@@ -75,6 +75,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
         <!--- 首頁輪播 --->
         <div class="index-banner head">

resources/views/home/http/softwatermark.blade.php

@@ -75,6 +75,7 @@
     <div class="header">
         @include('home.http.common.header')
     </div>
+    <div style="height: 68px;"></div>
     <div id="app">
         <!--- 首頁輪播 --->
         <div class="index-banner head">

resources/views/ocr/about.blade.php

@@ -7,6 +7,7 @@
 <div class="header">
     @include('home.http.common.header')
 </div>
+<div style="height: 68px;"></div>
 <div id="app">
     <!-- 导航栏 -->
     @include('audio.common.nav')

vue/backend/src/views/product/product/table.data.ts

@@ -28,13 +28,7 @@ const getBasicColumns: BasicColumn[] = [
     dataIndex: 'logo',
     customRender: ({ record }) => {
       return h('div', [
-        h('div', [
-          h(
-            'a',
-            { target: '_blank', href: 'https://' + record.domain_prefix + '.zhuyou360.com' },
-            '官网',
-          ),
-        ]),
+        h('div', [h('a', { target: '_blank', href: 'https://www.xingyousoft.com' }, '官网')]),
         h(
           Button,
           {