add

app/Http/Home/SoftcenterController.php

@@ -37,12 +37,20 @@ class SoftcenterController extends HttpBaseController
     }
 
     /**
-     * 电子书
+     * 拼音
      */
     public function XYPinyin()
     {
         return view('home/http/softpinyin');
     }
 
+     /**
+     * 图片
+     */
+    public function XYImage()
+    {
+        return view('home/http/softimage');
+    }
+
 
 }

public/static/ebook/image.css

@@ -0,0 +1,849 @@
+@keyframes spread {
+	0% {
+		transform: scale(0);
+		-webkit-transform: scale(0);
+		-moz-transform: scale(0);
+		transform: scale(0);
+	}
+
+	100% {
+		transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		transform: scale(1);
+	}
+}
+
+@-webkit-keyframes spread {
+	0% {
+		transform: scale(0);
+		-webkit-transform: scale(0);
+		-moz-transform: scale(0);
+		transform: scale(0);
+	}
+
+	100% {
+		transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		transform: scale(1);
+	}
+}
+
+@-moz-keyframes spread {
+	0% {
+		transform: scale(0);
+		-webkit-transform: scale(0);
+		-moz-transform: scale(0);
+		transform: scale(0);
+	}
+
+	100% {
+		transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		transform: scale(1);
+	}
+}
+
+@-o-keyframes spread {
+	0% {
+		transform: scale(0);
+		-webkit-transform: scale(0);
+		-moz-transform: scale(0);
+		transform: scale(0);
+	}
+
+	100% {
+		transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		transform: scale(1);
+	}
+}
+
+@keyframes pronamei {
+	0% {
+		top: -18px;
+	}
+
+	50% {
+		top: -25px;
+	}
+
+	100% {
+		top: -18px;
+	}
+}
+
+@-webkit-keyframes pronamei {
+	0% {
+		top: -18px;
+	}
+
+	50% {
+		top: -25px;
+	}
+
+	100% {
+		top: -18px;
+	}
+}
+
+
+.w {
+  width: 1200px;
+  margin: 0 auto;
+}
+/* header */
+.header-box {
+  position: relative;
+	width: 100%;
+	height: 1079px;
+	background: url(../imgs/bg.png) no-repeat center center;
+	background-size: cover;
+}
+
+.header-top {
+	position: absolute;
+	left: 50%;
+	top: 0;
+	transform: translateX(-50%);
+	z-index: 11;
+	width: 1200px;
+	height: 60px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.header-left {
+	display: flex;
+	align-items: center;
+}
+
+.header-left img {
+	width: 40px;
+}
+
+.header-left h1 {
+	font-size: 18px;
+	font-family: MicrosoftYaHei;
+	font-weight: 400;
+	color: #FFFFFF;
+	letter-spacing: 2px;
+	margin-left: 10px;
+}
+
+.header-right {
+	display: flex;
+	align-items: center;
+}
+
+.header-right a {
+	font-size: 18px;
+	font-family: MicrosoftYaHei;
+	color: #FFFFFF;
+	letter-spacing: 1px;
+	margin-left: 41px;
+}
+
+.header-right a:hover {
+	color: #bacbf8;
+}
+.header-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+}
+.banner-content {
+	display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 30px;
+}
+.banner-title {
+  position: relative;
+  display: flex;
+  align-items: flex-end;
+  width: fit-content;
+}
+.banner-title h1 {
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 56px;
+  line-height: 61px;
+  color: #FFFFFF;
+  margin-right: 30px;
+}
+.banner-title > span {
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 34px;
+  line-height: 31px;
+  color: #EEEFFF;
+  border-left: 2px solid #CBB3FF;
+  padding-left: 24px;
+  padding-top: 8px;
+  box-sizing: border-box;
+}
+.banner-label {
+  position: absolute;
+  right: -100px;
+  top: -14px;
+
+  animation: pronamei 1s infinite both;
+	-webkit-animation: pronamei 1s infinite both;
+	-moz-animation: pronamei 1s infinite both;
+	-o-animation: pronamei 1s infinite both;
+}
+
+.banner-label span {
+  position: absolute;
+  left: 13px;
+  top: 6px;
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 17.1429px;
+  color: #FFFFFF;
+}
+.banner-left ul {
+  margin-top: 46px;
+  margin-bottom: 72px;
+}
+.banner-left ul li {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.banner-left ul li:last-child {
+  margin-bottom: 0;
+}
+.banner-left ul li h2 {
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 22px;
+  line-height: 32px;
+  color: #FFFFFF;
+  opacity: 0.9;
+  margin-left: 14px;
+  margin-right: 14px;
+}
+.banner-left ul li p {
+  font-family: 'Source Han Sans CN';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 36px;
+  color: #FFFFFF;
+  opacity: 0.9;
+  margin-left: 14px;
+}
+.banner-left a {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 323px;
+  height: 74px;
+  background: #FFFFFF;
+  border-radius: 14px;
+}
+.banner-left a span {
+  font-family: 'Source Han Sans CN';
+  font-style: normal;
+  font-weight: 500;
+  font-size: 24px;
+  color: #585FFF;
+  margin: 0 21px;
+}
+.banner-left a:hover {
+  box-shadow: 0px 0px 12px 4px #7b81ec;
+}
+.sys {
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 24px;
+  letter-spacing: 0.155em;
+  color: #E7EDFF;
+  margin-top: 16px;
+  margin-bottom: 9px;
+}
+.num {
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 24px;
+  letter-spacing: 0.1em;
+  color: #E7EDFF;
+}
+.num span {
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 25px;
+  line-height: 34px;
+  letter-spacing: 0.1em;
+  color: #E7EDFF;
+  margin: 0 8px;
+}
+.update-time-box {
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 24px;
+  letter-spacing: 0.1em;
+  color: #E7EDFF;
+  margin-top: 9px;
+}
+.banner-right {
+  padding: 26px;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 56px;
+}
+.banner-right video {
+  width: 630px;
+  border-radius: 30px;
+}
+.banner-bottom ul {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 99px;
+}
+.banner-bottom ul li {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.banner-bottom ul li h3 {
+  font-family: 'Source Han Sans CN';
+  font-style: normal;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 27px;
+  text-align: center;
+  color: #EFEEFF;
+  margin-top: 25px;
+}
+
+/* hidden-header */
+.hidden-header-box {
+	display: none;
+	width: 100%;
+	height: 60px;
+	background-color: #FFFFFF;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 999;
+	border-bottom: 1px solid #ddd;
+}
+
+.hidden-header-box .header-top .header-left h1 {
+	font-size: 18px;
+	font-family: MicrosoftYaHei;
+	font-weight: 400;
+	color: #000000;
+	letter-spacing: 2px;
+}
+
+.hidden-header-box .header-top .header-right a {
+	font-size: 18px;
+	font-family: MicrosoftYaHei;
+	color: #000000;
+	letter-spacing: 1px;
+}
+
+.hidden-header-box .header-top .header-right a:hover {
+	color: #5a75be;
+}
+/* 功能介绍 */
+.func-box {
+  width: 100%;
+  background: #FBFCFD;
+  padding: 80px 0;
+}
+.common-title {
+  position: relative;
+  font-family: 'Source Han Sans CN';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 38px;
+  line-height: 57px;
+  color: #363D42;
+  text-align: center;
+}
+.common-title img {
+  position: absolute;
+  left: 50%;
+  bottom: -20px;
+  transform: translateX(-50%);
+}
+.func-box ul {
+  display: flex;
+  justify-content: space-between;
+}
+.func-box ul.func-ul1 {
+  margin-top: 80px;
+  margin-bottom: 50px;
+}
+.func-box ul li {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 220px;
+  height: 300px;
+  background: #FBFCFD;
+  box-shadow: 0px 0px 40px 6px rgba(235, 238, 248, 0.75);
+  border-radius: 20px;
+  padding-top: 46px;
+  padding-left: 40px;
+  padding-right: 40px;
+  box-sizing: border-box;
+}
+.func-box ul li h2 {
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 26px;
+  color: #494C53;
+  margin-top: 25px;
+  margin-bottom: 17px;
+}
+.func-box ul li p {
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  text-align: center;
+  color: #778086;
+}
+.func-box ul li:hover h2 {
+  margin-top: 5px;
+}
+
+/* 产品亮点 */
+.advantage-box {
+  width: 100%;
+  padding-top: 80px;
+  padding-bottom: 100px;
+  background: #F8FAFF;
+}
+.advantage-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.advantage-item1 {
+  margin-top: 90px;
+  margin-bottom: 120px;
+}
+.advantage-item2 .advantage-text {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.advantage-text h2 {
+  position: relative;
+  font-family: 'Source Han Sans CN';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 40px;
+  line-height: 60px;
+  letter-spacing: 0.1em;
+  color: #494C53;
+}
+.advantage-text-left h2 img {
+  position: absolute;
+  left: 0;
+  top: -27px;
+}
+.advantage-text-right h2 {
+  text-align: right;
+}
+.advantage-text-right h2 img {
+  position: absolute;
+  right: 0;
+  top: -27px;
+}
+.advantage-text-left p {
+  width: 435px;
+}
+.advantage-text-right p {
+  width: 448px;
+}
+.advantage-text p {
+
+  font-family: 'Source Han Sans CN';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.04em;
+  color: #778086;
+  margin-top: 19px;
+  margin-bottom: 42px;
+}
+.advantage-text a {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 206px;
+  height: 59px;
+  background: linear-gradient(0deg, #507EFF 3.39%, #7443FF 100%);
+  border-radius: 10px;
+  font-family: 'Source Han Sans CN';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 24px;
+  color: #FFFFFF;
+}
+.advantage-text a:hover {
+  background: linear-gradient(0deg, #7443FF 3.39%, #507EFF 100%);
+}
+.advantage-text a img {
+  margin-left: 20px;
+}
+
+/* 应用场景 */
+.scen-box {
+  width: 100%;
+  padding: 80px 0;
+  box-sizing: border-box;
+}
+.scen-box ul {
+  display: flex;
+  justify-content: space-between;
+}
+.scen-box ul.scen-ul1 {
+  margin-top: 80px;
+  margin-bottom: 50px;
+}
+.scen-box ul li {
+  position: relative;
+  width: 380px;
+  height: 319px;
+  border-radius: 20px;
+  overflow: hidden;
+}
+.scen-text {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 70px;
+  line-height: 70px;
+  background: rgba(35, 58, 102, .7);
+  border-radius: 0px 0px 20px 20px;
+}
+.scen-text img {
+  position: absolute;
+  left: 24px;
+  top: -20px;
+}
+.scen-text span {
+  display: block;
+  text-align: center;
+  font-family: 'Microsoft YaHei';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 20px;
+  color: #FFFFFF;
+}
+
+
+/* 评价 */
+.assess-box {
+	width: 100%;
+	height: 800px;
+	background: #ebf0fc;
+	padding-top: 59px;
+	box-sizing: border-box;
+}
+
+.assess-content {
+	width: 1200px;
+	margin: 0 auto;
+	margin-top: 66px;
+}
+
+.assess-content ul:nth-child(1) li {
+	display: none;
+	width: 100%;
+	height: 307px;
+	box-sizing: border-box;
+	background: #FFFFFF;
+	border-radius: 30px;
+	position: relative;
+	z-index: 10;
+	text-align: center;
+	padding-top: 48px;
+}
+
+.assess-star h1 {
+	font-size: 26px;
+	font-weight: 700;
+	color: #2D2856;
+	margin-bottom: 24px;
+}
+
+.assess-content ul:nth-child(1) li span {
+	display: block;
+	width: 1000px;
+	height: 1px;
+	background: #EDF0F3;
+	border-radius: 0px 0px 0px 0px;
+	margin: 40px auto 0 auto;
+}
+
+.assess-content ul:nth-child(1) li p {
+	font-size: 18px;
+	font-weight: 400;
+	color: #666473;
+	margin-top: 44px;
+}
+
+.assess-content ul:nth-child(1) li i {
+	display: block;
+	width: 40px;
+	height: 40px;
+	background: #FFFFFF;
+	border-radius: 2px 2px 2px 2px;
+	transform: rotate(45deg);
+	-ms-transform: rotate(45deg);
+	-moz-transform: rotate(45deg);
+	-webkit-transform: rotate(45deg);
+	-o-transform: rotate(45deg);
+	position: absolute;
+	bottom: -20px;
+}
+
+.left1 {
+	left: 82px;
+}
+
+.left2 {
+	left: 293px;
+}
+
+.left3 {
+	left: 495px;
+}
+
+.left4 {
+	left: 686px;
+}
+
+.left5 {
+	left: 874px;
+}
+
+.left6 {
+	left: 1073px;
+}
+
+.assess-content ul:nth-child(1) li:first-child {
+	display: block;
+}
+
+.assess-content ul:nth-child(2) {
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	margin-top: 63px;
+}
+
+.assess-content ul:nth-child(2) li {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.assess-content ul:nth-child(2) li:hover {
+	cursor: pointer;
+}
+
+.assess-content ul:nth-child(2) li img {
+	width: 76px;
+	height: 76px;
+}
+
+.assess-content ul:nth-child(2) li p {
+	font-family: 'Microsoft YaHei';
+	font-style: normal;
+	font-weight: 400;
+	font-size: 18px;
+	color: rgba(0, 0, 0, 0.5);
+	margin-top: 17px;
+	margin-bottom: 11px;
+}
+
+.assess-content ul:nth-child(2) li h2 {
+	font-family: 'Microsoft YaHei';
+	font-style: normal;
+	font-weight: 400;
+	font-size: 20px;
+	color: #000000;
+}
+
+
+/* footer */
+.footer-box {
+	width: 100%;
+	height: 40px;
+	background: #000;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.footer-box span {
+	font-size: 14px;
+	color: #888;
+}
+
+.footer-box span a {
+	font-size: 14px;
+	color: #888;
+}
+
+.footer-box i {
+	width: 1px;
+	height: 12px;
+	background-color: #888;
+	margin: 0 30px;
+}
+
+
+
+/** 使用场景 **/
+
+.titleh2 {
+    width: 100%;
+    font-family: 'Microsoft YaHei UI';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 38px;
+    line-height: 48px;
+    text-align: center;
+    color: #161F2D;
+    margin-top: 92px;
+}
+
+/* 使用场景 */
+
+.pdf-imgscra {
+    height: 682px;
+    background: #F7F8FA;
+    overflow: hidden;
+    position: relative;
+}
+
+.imgscraList {
+    width: 1200px;
+    margin: 72px auto 0 auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.imgscraItmes {
+    width: 278px;
+    height: 362px;
+    background: #FFFFFF;
+    box-shadow: 0 8px 30px rgba(12, 68, 152, 0.08);
+    border-radius: 16px;
+    position: relative;
+    overflow: hidden;
+}
+
+.imgscraItmes>img {
+    display: block;
+    width: 278px;
+    height: 180px;
+    margin: 0 auto;
+}
+
+.imgscraItmes>h3 {
+    width: 100%;
+    font-family: 'Microsoft YaHei UI';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 22px;
+    line-height: 28px;
+    text-align: center;
+    color: #161F2D;
+    margin-top: 20px;
+}
+
+.imgscraItmes>p {
+    width: 100%;
+    font-family: 'Microsoft YaHei UI';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+    color: rgba(115, 126, 144, 0.8);
+    box-sizing: border-box;
+    padding: 0 26px;
+    margin-top: 12px;
+}
+
+/* 小于1200 */
+
+@media screen and (max-width: 1280px) {
+    .pdf-imgscra {
+        height: 1092px;
+    }
+    .imgscraList {
+        width: 992px;
+        flex-wrap: wrap;
+    }
+    .imgscraItmes {
+        width: 294px;
+        height: 362px;
+        margin-bottom: 48px;
+    }
+    .imgscraItmes>img {
+        width: 294px;
+    }
+    .imgscraItmes>p {
+        padding: 0 35px;
+    }
+}
+/* 移动 */
+
+@media screen and (max-width: 1000px) {
+
+    .pdf-imgscra {
+        height: 1032px;
+    }
+    .imgscraList {
+        width: 750px;
+        margin: 64px auto 0 auto;
+        justify-content: center;
+    }
+    .imgscraItmes {
+        width: 340px;
+        margin: 0 14px 32px 14px;
+    }
+    .imgscraItmes>img {
+        width: 340px;
+    }
+    .imgscraItmes>p {
+        padding: 0 28px;
+    }
+}
+

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

@@ -31,7 +31,7 @@
                 <p>
                     苏州星优办公软件有限公司是一个专注于办公软开发及推广的专业团队，成立于2024年，坐落于江苏省苏州市。公司拥有一批优秀的技术团队，团队成员均具有多年的开发经验，开发经验丰富。</p>
                 <p>
-                    目前主要专注于Windows和Mac平台的软件以，目前的产品主要由星优电子书助手、星优文件重命名等软件，在行业内积累了丰富的经验，产品和服务在业内有着独特且领先的核心竞争力！</p>
+                    目前主要专注于Windows和Mac平台的软件以，目前的产品主要由星优电子书助手、星优汉字注音器等软件，在行业内积累了丰富的经验，产品和服务在业内有着独特且领先的核心竞争力！</p>
 
                 <div class="img-area">
                     <img src="/static/images/29.png" style="width:40%;"/>

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

@@ -10,7 +10,7 @@
             </div>
             <div class="footer-item">
                 <div class="footer-title">旗下产品</div>
-                <div>星优电子书助手</div><div>星优文件重命名</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"/>

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

@@ -0,0 +1,292 @@
+<!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/ebook/image.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/ebook/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>支持批量处理图片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">版本号：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 class="func-box">
+            <h1 class="common-title">功能介绍</h1>
+            <ul class="func-ul1 w wow slideInLeft" style="visibility: visible; animation-name: slideInLeft;">
+                <li>
+                    <img src="/static/ebook/m-geshi.png" alt="">
+                    <h2>图片转换</h2>
+                    <p>支持海量图片格式转换,如：bmp、heic、ico、jpg、svg、tif、tiff、webp等图片</p>
+                </li>
+                <li>
+                    <img src="/static/ebook/m-yasuo.png" alt="">
+                    <h2>图片压缩</h2>
+                    <p>自定义图片压缩大小,一键批量压缩多张图片，无损图片画质，高效率压缩图片大小</p>
+                </li>
+                <li>
+                    <img src="/static/ebook/m-chicun.png" alt="">
+                    <h2>尺寸修改</h2>
+                    <p>等比例缩放图片，或自定义图片尺寸。还可以对图片进行旋转操作</p>
+                </li>
+                <li>
+                    <img src="/static/ebook/m-shuiyin.png" alt="">
+                    <h2>水印添加</h2>
+                    <p>可添加文字或图片水印，自定义水印的颜色，位置和透明度等，各种参数让水印更加完美</p>
+                </li>
+                <li>
+                    <img src="/static/ebook/m-meihua.png" alt="">
+                    <h2>图片美化</h2>
+                    <p>拥有亮度、对比度、油彩程度、月光、降低躁点等一系列非常丰富的调图参数</p>
+                </li>
+            </ul>
+            <ul class="w wow slideInRight" style="visibility: visible; animation-name: slideInRight;">
+                <li>
+                    <img src="/static/ebook/m-dpi.png" alt="">
+                    <h2>修改DPI</h2>
+                    <p>快速批量修改图片的分辨率DPI，不影响图片本身尺寸和大小</p>
+                </li>
+                <li>
+                    <img src="/static/ebook/m-yuanjiao.png" alt="">
+                    <h2>圆角处理</h2>
+                    <p>快速将图片的四个角变成圆角，角度自由设定，并且支持批量操作提高效率</p>
+                </li>
+                <li>
+                    <img src="/static/ebook/m-name.png" alt="">
+                    <h2>批量命名</h2>
+                    <p>批量将图片按照”名称+编号”的方式命名，再也不需要一个一个的重命名了</p>
+                </li>
+                <li>
+                    <img src="/static/ebook/m-xuanzhuan.png" alt="">
+                    <h2>图片旋转</h2>
+                    <p>可以将图片顺时针或者逆时针进行旋转，旋转的角度自由设定，批量处理速度快</p>
+                </li>
+                <li>
+                    <img src="/static/ebook/m-pinjie.png" alt="">
+                    <h2>图片拼接</h2>
+                    <p>将多张图片按照自己想要的方式进行拼接，自由设置拼接后图片的参数</p>
+                </li>
+            </ul>
+        </div>
+
+        <!-- 产品亮点 -->
+        <div class="advantage-box">
+            <h1 class="common-title">产品亮点</h1>
+            <div class="advantage-item advantage-item1 w">
+                <div class="advantage-text advantage-text-left wow slideInLeft" style="visibility: visible; animation-name: slideInLeft;">
+                    <h2>支持海量格式</h2>
+                    <p>是一款强大的图片格式转换功能，支持将图片转换成png、jpeg、BMP、tiff等格式，快速实现图片格式的批量转换。</p>
+                    <a class="download-count download-total" href="https://xy.xingyousoft.com/soft/XYImage/XYImage_XY.exe" style="color: #fff !important;">
+                        免费下载
+                        <img src="/static/ebook/icon-down.png" alt="">
+                    </a>
+                </div>
+                <img class="wow slideInRight" src="/static/ebook/image-1.png" alt="" style="height: 464px; box-shadow: 5px 5px 20px #ccc;">
+            </div>
+            <div class="advantage-item advantage-item2 w">
+                <img class="wow slideInLeft" src="/static/ebook/image-2.png" alt="" style="height: 464px; box-shadow: 5px 5px 20px #ccc;">
+                <div class="advantage-text advantage-text-right wow slideInRight" style="visibility: visible; animation-name: slideInRight;">
+                    <h2>批量处理</h2>
+                    <p>软件支持快速批量处理海量图片。可以批量压缩图片，调整图片尺寸、图片加文字、加水印等以及各种特效</p>
+                    <a class="download-count download-total" href="https://xy.xingyousoft.com/soft/XYImage/XYImage_XY.exe" style="color: #fff !important;">
+                        免费下载
+                        <img src="/static/ebook/icon-down.png" alt="">
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <!-- 使用场景 -->
+        <div class="pdf-imgscra">
+            <h2 class="titleh2">使用场景</h2>
+            <div class="imgscraList">
+                <div class="imgscraItmes">
+                    <img src="/static/ebook/imgbg1.png" alt="企业办公">
+                    <h3>企业办公</h3>
+                    <p>助力高效企业办公，批量转换图片格式，支持多种图片处理功能，ps小白也可以轻松出大片，提升工作效率</p>
+                </div>
+                <div class="imgscraItmes">
+                    <img src="/static/ebook/imgbg2.png" alt="新媒体运营">
+                    <h3>新媒体运营</h3>
+                    <p>支持各种图片制作和处理功能，批量处理多张素材，一键导出多风格的照片，满足新媒体的各种图片需求</p>
+                </div>
+                <div class="imgscraItmes">
+                    <img src="/static/ebook/imgbg3.png" alt="电商设计">
+                    <h3>电商设计</h3>
+                    <p>电商设计需要处理大量的产品图，有了这款工具齐全、操作简单的图片处理软件，图片创作会变得更省时、有趣</p>
+                </div>
+                <div class="imgscraItmes">
+                    <img src="/static/ebook/imgbg4.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

@@ -44,6 +44,7 @@ Route::get('/news/category/{cid?}', 'HelpController@category');
 Route::get('/news/detail/{mid?}', 'HelpController@detail');
 Route::get('/softcenter/XYEbook', 'SoftcenterController@XYEbook');
 Route::get('/softcenter/XYPinyin', 'SoftcenterController@XYPinyin');
+Route::get('/softcenter/XYImage', 'SoftcenterController@XYImage');
 
 
 // 测试