add

app/Http/Home/SoftcenterController.php

@@ -76,5 +76,21 @@ class SoftcenterController extends HttpBaseController
         return view('home/http/softrename');
     }
 
+     /**
+     * 压缩
+     */
+    public function XYCompress()
+    {
+        return view('home/http/softcompress');
+    }
+
+     /**
+     * pdf
+     */
+    public function XYPdf()
+    {
+        return view('home/http/softpdf');
+    }
+
 
 }

public/static/compress/compress.css

@@ -0,0 +1,280 @@
+.fun-compress-box {
+    width: 1200px;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.fun-compress-box h1 {
+    font-size: 32px;
+    font-weight: bold;
+    color: #000000;
+    margin-top: 100px;
+    margin-bottom: 100px;
+    position: relative;
+}
+
+.fun-compress-box h1::after {
+    content: '';
+    display: block;
+    width: 40px;
+    height: 4px;
+    background: #FF9623;
+    border-radius: 2px;
+    position: absolute;
+    bottom: -18px;
+    left: 50%;
+    transform: translate(-50%);
+}
+
+.func-cont ul {
+    margin-bottom: 80px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+
+.func-cont ul li {
+    width: 270px;
+    height: 270px;
+    background: #FFFFFF;
+    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    text-align: initial;
+}
+
+.func-cont ul li:nth-child(-n + 4) {
+    margin-bottom: 40px;
+}
+
+.func-cont ul li img {
+    text-align: left;
+    margin-left: 85px;
+    margin-top: 67px;
+}
+
+.func-cont ul li:nth-child(n + 4) img {
+    margin-top: 63px;
+}
+
+.func-cont ul li p {
+    color: #000000;
+    font-size: 16px;
+    text-align: center;
+}
+
+.func-cont>div {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 auto;
+    width: 500px;
+}
+
+
+.func-cont>div>a {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 30px;
+    border-radius: 12px;
+    background: linear-gradient(98deg, #FFC33F -10.39%, #FF945F 69.77%);
+    width: 221px;
+    height: 60px;
+    color: #FFF;
+    font-family: Microsoft YaHei UI;
+    font-size: 20px;
+    font-weight: 700;
+    overflow: hidden;
+}
+
+.func-cont>div>a::before {
+    position: absolute;
+    content: '';
+    background-color: rgba(255, 255, 255, 0.15);
+    width: 300px;
+    height: 300px;
+    border-radius: 50%;
+    animation: spread 1.5s infinite;
+}
+
+.func-cont>div>a:last-child {
+    margin-right: 0;
+}
+
+.func-cont>div>a>img {
+    margin-right: 10px;
+    width: 30px;
+}
+
+.func-cont>div>div {
+    position: absolute;
+    top: -19px;
+    right: 196px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 54px;
+    height: 30px;
+    z-index: 10;
+}
+
+.func-cont>div>div>img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+}
+
+.func-cont>div>div>span {
+    color: #000;
+    font-family: PingFang SC;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 100%;
+    z-index: 10;
+}
+
+.compress-mid {
+    width: 100%;
+    height: 710px;
+    margin-top: 100px;
+    background: url('/static/ebook/bg1.png') no-repeat center center;
+}
+
+.compress-mid h1 {
+    font-size: 32px;
+    color: #FFFFFF;
+    font-weight: bold;
+    text-align: center;
+    padding-top: 150px;
+    position: relative;
+}
+
+.compress-mid h1::after {
+    content: '';
+    display: block;
+    width: 40px;
+    height: 4px;
+    background: #FFFFFF;
+    border-radius: 2px;
+    position: absolute;
+    bottom: -20px;
+    left: 50%;
+    transform: translate(-50%);
+}
+
+.compress-mid ul {
+    width: 1200px;
+    margin: 0 auto;
+    margin-top: 80px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.compress-mid ul li {
+    width: 272px;
+    text-align: center;
+}
+
+.compress-mid ul li img.img-item-min {
+    margin-top: 20px;
+}
+
+.compress-mid ul li p {
+    margin-top: 8px;
+    font-size: 16px;
+    line-height: 33px;
+    color: #FFFFFF;
+}
+
+.compress-mid ul li p.text-top {
+    margin-top: 12px;
+    font-size: 20px;
+}
+
+.section_2 {
+    padding: 100px 0;
+}
+
+.section_2 ul {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-top: 60px;
+}
+
+.section_2 ul li {
+    width: 275px;
+    height: 284px;
+    background: #F8F9FB;
+    border-radius: 16px;
+    position: relative;
+    overflow: hidden;
+}
+
+.section_2 ul li:nth-child(1) a {
+    background: url("./compress/bg_middle_question1.png") top center no-repeat;
+    background-size: 275px 206px;
+}
+
+.section_2 ul li:nth-child(2) a {
+    background: url("./compress/bg_middle_question2.png") top center no-repeat;
+    background-size: 275px 206px;
+}
+
+.section_2 ul li:nth-child(3) a {
+    background: url("./compress/bg_middle_question3.png") top center no-repeat;
+    background-size: 275px 206px;
+}
+
+.section_2 ul li:nth-child(4) a {
+    background: url("./compress/bg_middle_question4.png") top center no-repeat;
+    background-size: 275px 206px;
+}
+
+.section_2 ul li:not(:last-child) {
+    margin-right: 33px;
+}
+
+.section_2 ul li a {
+    width: 275px;
+    height: 284px;
+    display: inline-block;
+    border-radius: 16px;
+}
+
+.section_2 ul li a:hover .text_box {
+    height: 284px;
+    top: 0;
+    background: rgba(0, 0, 0, 0.7);
+    color: #fff;
+}
+
+.section_2 ul li a .text_box {
+    width: 275px;
+    height: 78px;
+    color: #222222;
+    font-size: 22px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    background: #F8F9FB;
+    position: absolute;
+    left: 0;
+    top: 206px;
+    -webkit-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    transition: all 0.3s;
+}

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

@@ -0,0 +1,273 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    @include('home.http.common.head')
+    <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
+    <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
+    <link href="/static/compress/compress.css" rel="stylesheet" type="text/css">
+    <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
+    <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
+    <script type="text/javascript" src="/static/js/babel.min.js"></script>
+    <script type="text/javascript" src="/static/js/vue.min.js"></script>
+    <script type="text/javascript" src="/static/js/iview.min.js"></script>
+    <script src="/static/js/utils.js"></script>
+    <script src="/static/js/config.js"></script>
+
+    <style>
+        .nav-ebook {
+            position:absolute;
+            right:0px;
+            top:9px;
+            color: #fff;
+        }
+
+        .nav-ebook-link li {
+            padding: 5px 0;
+            float: left;
+        }
+
+        .nav-ebook-link li+li {
+            margin-left: 70px;
+            position: relative;
+        }
+
+        .nav-ebook-link li a {
+            font-size: 16px;
+            color: #fff;
+            line-height: 48px;
+            display: block;
+            position: relative;
+        }
+
+        .nav-ebook-link li a:hover {
+            color: #fff;
+        }
+
+        .nav-ebook-link li a:hover::after {
+            content: "";
+            position: absolute;
+            bottom: 0;
+            width: 50%;
+            left: 25%;
+            height: 4px;
+            background-color: #fff;
+            border-radius: 4px;
+        }
+
+        .nav-ebook-link li+li::after {
+            content: "";
+            position: absolute;
+            left: -32px;
+            height: 20px;
+            top: 50%;
+            margin-top: -10px;
+            border-left: 1px solid #EDEDED;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="header">
+        @include('home.http.common.header')
+    </div>
+    <div id="app">
+        <!--- 首頁輪播 --->
+        <div class="index-banner head">
+            <div class="w1024">
+                <div class="logolay">
+                    <img src="/static/audio/icon.png" style="width: auto;">
+                    <span>星优办公软件</span>
+                </div>
+                <div class="nav-ebook">
+                    <ul class="nav-ebook-link js-down">
+                        <li>
+                            <a class="js-down">格式转换</a>
+                        </li>
+                        <li>
+                            <a class="js-down">音频压缩</a>
+                        </li>
+                        <li>
+                            <a class="js-down">音频合并</a>
+                        </li>
+                        <li>
+                            <a class="js-down">音频变速</a>
+                        </li>
+                        <li>
+                            <a class="js-down">提取音频</a>
+                        </li>
+                    </ul>
+                </div>
+
+                <div class="leftword">
+                    <h1>星优音频助手</h1>
+                    <p class="word1">音频格式转换、音频压缩<br>音频合并、音频分割、音频变速<br>一键式拖拽文件到软件中，批量转换效率更高
+                        <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYAudio/XYAudio_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
+                    </p>
+                    <p class="word2">版本号：v2.1.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小：1.56MB</p>
+                    <p class="word2">更新时间：2024-05-20 &nbsp;适合系统：Win7/Win10/Win11</p>
+                </div>
+                <img class="rightgif" src="/static/audio/1.png">
+            </div>
+        </div>
+
+        <div class="fun-compress-box">
+			<h1>功能展示</h1>
+			<div class="func-cont">
+				<ul class="wow flipInX">
+					<li>
+						<img src="/static/compress/picture.png" alt="图片压缩">
+						<p>图片压缩</p>
+					</li>
+					<li>
+						<img src="/static/compress/video.png" alt="视频压缩">
+						<p>视频压缩</p>
+					</li>
+					<li>
+						<img src="/static/compress/audio.png" alt="音频压缩">
+						<p>音频压缩</p>
+					</li>
+					<li>
+						<img src="/static/compress/gif.png" alt="GIF压缩">
+						<p>GIF压缩</p>
+					</li>
+					<li>
+						<img src="/static/compress/pdf.png" alt="PDF压缩">
+						<p>PDF压缩</p>
+					</li>
+					<li>
+						<img src="/static/compress/Word.png" alt="Word压缩">
+						<p>Word压缩</p>
+					</li>
+					<li>
+						<img src="/static/compress/ppt.png" alt="PPT压缩">
+						<p>PPT压缩</p>
+					</li>
+					<li>
+						<img src="/static/compress/excel.png" alt="Excel压缩">
+						<p>Excel压缩</p>
+					</li>
+				</ul>
+
+			</div>
+		</div>
+
+
+        <div class="w1200 index-line-center">
+            <div class="section_2  section">
+                <h2>工作中是否遇到以下问题？<span></span></h2>
+                <ul>
+                    <li>
+                        <a class="sa_download" >
+                            <div class="text_box">文件大小受规则限制</div>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="sa_download"  >
+                            <div class="text_box">文件太大无法传输</div>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="sa_download"  >
+                            <div class="text_box">文件太大传输太慢</div>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="sa_download"  >
+                            <div class="text_box">文件太大占空间</div>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+
+		<div class="compress-mid">
+			<h1>为什么选择我们</h1>
+			<ul class="wow bounceInRight">
+				<li>
+					<img class="img-item-min" src="/static/compress/icon_1.png">
+					<p class="text-top">压缩速度快</p>
+					<p>采用了最先进的压缩技术，确保压缩时
+						耗费的系统资源少且压缩速度快。</p>
+				</li>
+				<li>
+					<img src="/static/compress/icon_2.png">
+					<p class="text-top">压缩率高且质量清晰</p>
+					<p>相比其他的同类压缩软件，金舟压缩宝
+						的压缩率更高且能保证压缩后的文件画
+						质清晰。</p>
+				</li>
+				<li>
+					<img src="/static/compress/icon_3.png">
+					<p class="text-top">支持批量压缩</p>
+					<p>如果您需要同时压缩多个文件，只需要
+						将文件批量导入再完成简单几步即可实
+						现。</p>
+				</li>
+			</ul>
+		</div>
+
+        @include('home.http.common.footer')
+
+    </div>
+
+
+</body>
+
+<script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
+<script>
+    new Vue({
+        el: '#app',
+        data: {
+            target: 'https://www.xingyousoft.com',
+            productList: [],
+        },
+        mounted: function() {
+
+            var swiper = new Swiper(".swiper-container", {
+                slidesPerView: 3,
+                navigation: {
+                    nextEl: '.swiper-button-next',
+                    prevEl: '.swiper-button-prev',
+                },
+            });
+
+            this.initList();
+        },
+        //方法
+        methods: {
+            initList: function() {
+                // let _this = this;
+                // axios.post(_this.target + '/api/index/product_list', {
+                //     size: 100,
+                //     page: 1
+                // }).then(function(response) {
+                //     if (response.data.result) {
+                //         this.productList = response.data.data.list;
+                //         console.log(response.data.data)
+                //     }
+                // }.bind(_this)).catch(function(error) {
+                //     console.log(error);
+                // });
+            },
+        },
+    });
+</script>
+
+<style>
+    .info-flex .f-item2 {
+        width: 25%;
+        text-align: center;
+        line-height: 3;
+        font-weight: 600;
+        font-size: 15px;
+    }
+
+    .info-flex .icon-o {
+        width: 100px;
+        height: 100px;
+        margin-right: 0;
+    }
+</style>
+
+</html>

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

@@ -0,0 +1,319 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    @include('home.http.common.head')
+    <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
+    <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
+    <link href="/static/audio/audio.css" rel="stylesheet" type="text/css">
+    <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
+    <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
+    <script type="text/javascript" src="/static/js/babel.min.js"></script>
+    <script type="text/javascript" src="/static/js/vue.min.js"></script>
+    <script type="text/javascript" src="/static/js/iview.min.js"></script>
+    <script src="/static/js/utils.js"></script>
+    <script src="/static/js/config.js"></script>
+
+    <style>
+        .nav-ebook {
+            position:absolute;
+            right:0px;
+            top:9px;
+            color: #fff;
+        }
+
+        .nav-ebook-link li {
+            padding: 5px 0;
+            float: left;
+        }
+
+        .nav-ebook-link li+li {
+            margin-left: 70px;
+            position: relative;
+        }
+
+        .nav-ebook-link li a {
+            font-size: 16px;
+            color: #fff;
+            line-height: 48px;
+            display: block;
+            position: relative;
+        }
+
+        .nav-ebook-link li a:hover {
+            color: #fff;
+        }
+
+        .nav-ebook-link li a:hover::after {
+            content: "";
+            position: absolute;
+            bottom: 0;
+            width: 50%;
+            left: 25%;
+            height: 4px;
+            background-color: #fff;
+            border-radius: 4px;
+        }
+
+        .nav-ebook-link li+li::after {
+            content: "";
+            position: absolute;
+            left: -32px;
+            height: 20px;
+            top: 50%;
+            margin-top: -10px;
+            border-left: 1px solid #EDEDED;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="header">
+        @include('home.http.common.header')
+    </div>
+    <div id="app">
+        <!--- 首頁輪播 --->
+        <div class="index-banner head">
+            <div class="w1024">
+                <div class="logolay">
+                    <img src="/static/audio/icon.png" style="width: auto;">
+                    <span>星优办公软件</span>
+                </div>
+                <div class="nav-ebook">
+                    <ul class="nav-ebook-link js-down">
+                        <li>
+                            <a class="js-down">格式转换</a>
+                        </li>
+                        <li>
+                            <a class="js-down">音频压缩</a>
+                        </li>
+                        <li>
+                            <a class="js-down">音频合并</a>
+                        </li>
+                        <li>
+                            <a class="js-down">音频变速</a>
+                        </li>
+                        <li>
+                            <a class="js-down">提取音频</a>
+                        </li>
+                    </ul>
+                </div>
+
+                <div class="leftword">
+                    <h1>星优音频助手</h1>
+                    <p class="word1">音频格式转换、音频压缩<br>音频合并、音频分割、音频变速<br>一键式拖拽文件到软件中，批量转换效率更高
+                        <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYAudio/XYAudio_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
+                    </p>
+                    <p class="word2">版本号：v2.1.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小：1.56MB</p>
+                    <p class="word2">更新时间：2024-05-20 &nbsp;适合系统：Win7/Win10/Win11</p>
+                </div>
+                <img class="rightgif" src="/static/audio/1.png">
+            </div>
+        </div>
+
+        <div class="index-line">
+            <div class="w1200 index-line-center">
+                <h1 class="common-h1" style="padding: 80px 0"><img src="/static/audio/t-bg.png" alt="">八大核心功能</h1>
+                <ul class="core-list clearfix">
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/audio/a-geshi.png" alt="">
+                                <h3>音频格式转换</h3>
+                                <p>
+                                    支持20种音频格式向MP3、WAV<br>FLAC、ACC、OGG等主流格式转换
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/audio/a-hebing.png" alt="">
+                                <h3>音频合并功能</h3>
+                                <p>
+                                    将多个音频合成为一个完整音频，也可将剪切好的多个音频合成一个音频
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/audio/a-yasuo.png" alt="">
+                                <h3>音频压缩功能</h3>
+                                <p>
+                                    可根据音频的码率等参数来快速的压缩音频的大小
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/audio/a-feige.png" alt="">
+                                <h3>音频分割功能</h3>
+                                <p>
+                                    支持3种高级的音频分割方式，可自定义分割音频的时间片段
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
+
+                <ul class="core-list clearfix">
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/audio/a-biansu.png" alt="">
+                                <h3>音频变速</h3>
+                                <p>
+                                    可以调节音频的速度，根据用户需求自行调整音频的播放速度
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/audio/a-yinliang.png" alt="">
+                                <h3>音量调整</h3>
+                                <p>
+                                    调整音频的音量大小，相应的放大音频文件的音量或缩小
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/audio/a-daoxu.png" alt="">
+                                <h3>倒序播放</h3>
+                                <p>
+                                    可以将音频文件倒序播放，适合做剪辑视频的背景音乐来使用
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/audio/a-tiqu.png" alt="">
+                                <h3>音频提取</h3>
+                                <p>
+                                    可以提取mp4，avi等多种视频格式的中的音频，方便后续的使用
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
+
+            </div>
+        </div>
+
+
+        <div class="contentBox-ct">
+            <div class="contentBox w1200 clearfix">
+                <div class="contentBox-left fl">
+                    <a class="js-down"> <img src="/static/audio/1.png"></a>
+                </div>
+                <div class="contentBox-right fr">
+                    <p style="margin-top:100px;"><font color="#3884ff">批量操作•</font>简单快捷</p>
+                    <span style="margin-top:0;">一键式拖拽多个文件到软件面板处即可添加多个文件，点击“开始转换”按钮全部已上传文件即可一次性完成转换。</span>
+                    <a class="banner-download2 block hov js-down" href="https://xy.xingyousoft.com/soft/XYAudio/XYAudio_XY.exe">
+                        <img class="down left" src="/static/audio/down.png">
+                        <label>免费下载</label>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+
+
+
+        <!-- 选择 -->
+        <div class="whyChoiceUs">
+            <h2 class="titleh2css">为什么选择我们</h2>
+            <div class="whylist">
+                <div class="whyitems">
+                    <img src="/static/ebook/whyimg1.png" alt="高效稳定，效果出众">
+                    <h3>高效稳定，效果出众</h3>
+                    <p>强劲性能助力，轻松处理音频文件，高还原文件</p>
+                </div>
+                <div class="whyitems">
+                    <img src="/static/ebook/whyimg2.png" alt="功能全面，多格式转换">
+                    <h3>功能全面，多格式转换</h3>
+                    <p>支持多种音频的多种格式，相互转换轻松方便</p>
+                </div>
+                <div class="whyitems">
+                    <img src="/static/ebook/whyimg3.png" alt="一键操作，批量处理">
+                    <h3>一键操作，批量处理</h3>
+                    <p>上手简单，文件转换速度快，批量多文件处理效率高</p>
+                </div>
+            </div>
+        </div>
+
+        @include('home.http.common.footer')
+
+    </div>
+
+
+</body>
+
+<script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
+<script>
+    new Vue({
+        el: '#app',
+        data: {
+            target: 'https://www.xingyousoft.com',
+            productList: [],
+        },
+        mounted: function() {
+
+            var swiper = new Swiper(".swiper-container", {
+                slidesPerView: 3,
+                navigation: {
+                    nextEl: '.swiper-button-next',
+                    prevEl: '.swiper-button-prev',
+                },
+            });
+
+            this.initList();
+        },
+        //方法
+        methods: {
+            initList: function() {
+                // let _this = this;
+                // axios.post(_this.target + '/api/index/product_list', {
+                //     size: 100,
+                //     page: 1
+                // }).then(function(response) {
+                //     if (response.data.result) {
+                //         this.productList = response.data.data.list;
+                //         console.log(response.data.data)
+                //     }
+                // }.bind(_this)).catch(function(error) {
+                //     console.log(error);
+                // });
+            },
+        },
+    });
+</script>
+
+<style>
+    .info-flex .f-item2 {
+        width: 25%;
+        text-align: center;
+        line-height: 3;
+        font-weight: 600;
+        font-size: 15px;
+    }
+
+    .info-flex .icon-o {
+        width: 100px;
+        height: 100px;
+        margin-right: 0;
+    }
+</style>
+
+</html>

routes/web.php

@@ -48,6 +48,8 @@ Route::get('/softcenter/XYImage', 'SoftcenterController@XYImage');
 Route::get('/softcenter/XYAudio', 'SoftcenterController@XYAudio');
 Route::get('/softcenter/XYVideos', 'SoftcenterController@XYVideos');
 Route::get('/softcenter/XYRename', 'SoftcenterController@XYRename');
+Route::get('/softcenter/XYCompress', 'SoftcenterController@XYCompress');
+Route::get('/softcenter/XYPdf', 'SoftcenterController@XYPdf');
 
 
 // 测试