diff --git a/checkstyle/checkstyle.xml b/checkstyle/checkstyle.xml
index 050a76a3f..ff5166219 100644
--- a/checkstyle/checkstyle.xml
+++ b/checkstyle/checkstyle.xml
@@ -13,8 +13,8 @@
   -->
 
 <!DOCTYPE module PUBLIC
-        "-//Checkstyle//DTD Checkstyle Configuration 1.3//EN"
-        "https://checkstyle.org/dtds/configuration_1_3.dtd">
+    "-//Checkstyle//DTD Checkstyle Configuration 1.3//EN"
+    "https://checkstyle.org/dtds/configuration_1_3.dtd">
 
 <!--
     Checkstyle configuration that checks the Google coding conventions from Google Java Style
diff --git "a/docs/category/\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/index.md" "b/docs/category/\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/index.md"
index 770c5909d..032f6e5e2 100644
--- "a/docs/category/\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/index.md"
+++ "b/docs/category/\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/index.md"
@@ -74,8 +74,8 @@ public class TestDomain extends BaseEntity {
         </execution>
       </executions>
       <configuration>
-        <source>17</source>
-        <target>17</target>
+        <source>${maven.compiler.source}</source>
+        <target>${maven.compiler.source}</target>
         <encoding>UTF-8</encoding>
         <compilerArgs>
           <!-- 指定源文件生成目录 ${project.basedir} 表示当前项目（子模块）的项目绝对地址，-A表示使用自定义编译选项-->
diff --git "a/docs/category/\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/\345\277\253\351\200\237\345\274\200\345\247\213.md" "b/docs/category/\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/\345\277\253\351\200\237\345\274\200\345\247\213.md"
index 770c5909d..032f6e5e2 100644
--- "a/docs/category/\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/\345\277\253\351\200\237\345\274\200\345\247\213.md"
+++ "b/docs/category/\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/\345\277\253\351\200\237\345\274\200\345\247\213.md"
@@ -74,8 +74,8 @@ public class TestDomain extends BaseEntity {
         </execution>
       </executions>
       <configuration>
-        <source>17</source>
-        <target>17</target>
+        <source>${maven.compiler.source}</source>
+        <target>${maven.compiler.source}</target>
         <encoding>UTF-8</encoding>
         <compilerArgs>
           <!-- 指定源文件生成目录 ${project.basedir} 表示当前项目（子模块）的项目绝对地址，-A表示使用自定义编译选项-->
diff --git a/pom.xml b/pom.xml
index d08df9338..ccf00facb 100644
--- a/pom.xml
+++ b/pom.xml
@@ -457,6 +457,16 @@
                     </execution>
                 </executions>
             </plugin>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-compiler-plugin</artifactId>
+                <configuration>
+                    <source>${maven.compiler.source}</source>
+                    <target>${maven.compiler.target}</target>
+                    <encoding>${maven.compiler.encoding}</encoding>
+                </configuration>
+            </plugin>
+            <!-- Javadoc -->
             <plugin>
                 <groupId>org.apache.maven.plugins</groupId>
                 <artifactId>maven-javadoc-plugin</artifactId>
diff --git a/qing-application/pom.xml b/qing-application/pom.xml
index ab3830617..4eb961568 100644
--- a/qing-application/pom.xml
+++ b/qing-application/pom.xml
@@ -14,15 +14,6 @@
     <name>qing-application</name>
     <description>qing-application</description>
     <packaging>pom</packaging>
-    <properties>
-        <java.version>17</java.version>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>
-        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-    </properties>
 
     <modules>
         <module>qing-application-manager</module>
diff --git a/qing-application/qing-application-demo/pom.xml b/qing-application/qing-application-demo/pom.xml
index 14984ccae..b89f2de92 100644
--- a/qing-application/qing-application-demo/pom.xml
+++ b/qing-application/qing-application-demo/pom.xml
@@ -11,12 +11,6 @@
 
     <artifactId>qing-application-demo</artifactId>
 
-    <properties>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-    </properties>
-
     <dependencies>
         <dependency>
             <groupId>org.springframework.boot</groupId>
diff --git a/qing-application/qing-application-manager/pom.xml b/qing-application/qing-application-manager/pom.xml
index a9925d153..67b7ffdf1 100644
--- a/qing-application/qing-application-manager/pom.xml
+++ b/qing-application/qing-application-manager/pom.xml
@@ -16,7 +16,6 @@
     <description>qing-application-manager</description>
 
     <properties>
-        <java.version>17</java.version>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
         <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
         <kotlin.version>1.9.23</kotlin.version>
@@ -183,9 +182,9 @@
                 <groupId>org.apache.maven.plugins</groupId>
                 <artifactId>maven-compiler-plugin</artifactId>
                 <configuration>
-                    <source>17</source>
-                    <target>17</target>
-                    <encoding>UTF-8</encoding>
+                    <source>${maven.compiler.source}</source>
+                    <target>${maven.compiler.target}</target>
+                    <encoding>${maven.compiler.encoding}</encoding>
                     <annotationProcessorPaths>
                         <path>
                             <groupId>org.projectlombok</groupId>
diff --git a/qing-archetypes/pom.xml b/qing-archetypes/pom.xml
index 472804e03..f487473a1 100644
--- a/qing-archetypes/pom.xml
+++ b/qing-archetypes/pom.xml
@@ -29,10 +29,4 @@
     <modules>
         <module>qing-service-archetype</module>
     </modules>
-
-    <properties>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-    </properties>
 </project>
diff --git a/qing-archetypes/qing-service-archetype/src/main/resources/archetype-resources/pom.xml b/qing-archetypes/qing-service-archetype/src/main/resources/archetype-resources/pom.xml
index 1cb63d413..9d64ed6dc 100644
--- a/qing-archetypes/qing-service-archetype/src/main/resources/archetype-resources/pom.xml
+++ b/qing-archetypes/qing-service-archetype/src/main/resources/archetype-resources/pom.xml
@@ -178,8 +178,6 @@
                 <artifactId>maven-compiler-plugin</artifactId>
                 <version>${maven-compiler-plugin.version}</version> <!-- or newer version -->
                 <configuration>
-                    <source>17</source>
-                    <target>17</target>
                     <annotationProcessorPaths>
                         <path>
                             <groupId>cn.chenyunlong</groupId>
diff --git a/qing-codegen-plugin/qing-codegen-api/pom.xml b/qing-codegen-plugin/qing-codegen-api/pom.xml
index 8f9542083..56f8753eb 100644
--- a/qing-codegen-plugin/qing-codegen-api/pom.xml
+++ b/qing-codegen-plugin/qing-codegen-api/pom.xml
@@ -26,12 +26,6 @@
     <artifactId>qing-codegen-api</artifactId>
     <packaging>jar</packaging>
 
-    <properties>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-    </properties>
-
     <dependencies>
         <dependency>
             <groupId>io.swagger.core.v3</groupId>
diff --git a/qing-codegen-plugin/qing-codegen-apt/pom.xml b/qing-codegen-plugin/qing-codegen-apt/pom.xml
index d5dca9dae..bd9161b10 100644
--- a/qing-codegen-plugin/qing-codegen-apt/pom.xml
+++ b/qing-codegen-plugin/qing-codegen-apt/pom.xml
@@ -95,9 +95,9 @@
                 <artifactId>maven-compiler-plugin</artifactId>
                 <version>3.8.1</version>
                 <configuration>
-                    <source>17</source>
-                    <target>17</target>
-                    <encoding>UTF-8</encoding>
+                    <source>${maven.compiler.source}</source>
+                    <target>${maven.compiler.target}</target>
+                    <encoding>${maven.compiler.encoding}</encoding>
                     <annotationProcessorPaths>
                         <path>
                             <groupId>com.google.auto.service</groupId>
diff --git a/qing-codegen-plugin/readme.md b/qing-codegen-plugin/readme.md
index c154e205a..0db05af66 100644
--- a/qing-codegen-plugin/readme.md
+++ b/qing-codegen-plugin/readme.md
@@ -74,8 +74,8 @@ public class TestDomain extends BaseEntity {
                 </execution>
             </executions>
             <configuration>
-                <source>17</source>
-                <target>17</target>
+                <source>${maven.compiler.source}</source>
+                <target>${maven.compiler.source}</target>
                 <encoding>UTF-8</encoding>
                 <compilerArgs>
                     <!-- 指定源文件生成目录 ${project.basedir} 表示当前项目（子模块）的项目绝对地址，-A表示使用自定义编译选项-->
diff --git a/qing-commons/pom.xml b/qing-commons/pom.xml
index 1118e1291..e36320d62 100644
--- a/qing-commons/pom.xml
+++ b/qing-commons/pom.xml
@@ -102,8 +102,8 @@
                 <groupId>org.apache.maven.plugins</groupId>
                 <artifactId>maven-compiler-plugin</artifactId>
                 <configuration>
-                    <source>17</source>
-                    <target>17</target>
+                    <source>${maven.compiler.source}</source>
+                    <target>${maven.compiler.target}</target>
                 </configuration>
             </plugin>
         </plugins>
diff --git a/qing-domain-gen/pom.xml b/qing-domain-gen/pom.xml
index 4584dee2a..65fbda361 100644
--- a/qing-domain-gen/pom.xml
+++ b/qing-domain-gen/pom.xml
@@ -14,13 +14,6 @@
 
     <packaging>jar</packaging>
 
-    <properties>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <maven.plugin.validation>NONE</maven.plugin.validation>
-    </properties>
-
     <dependencies>
         <dependency>
             <groupId>cn.chenyunlong</groupId>
@@ -52,8 +45,8 @@
                     </execution>
                 </executions>
                 <configuration>
-                    <source>17</source>
-                    <target>17</target>
+                    <source>${maven.compiler.source}</source>
+                    <target>${maven.compiler.target}</target>
                     <encoding>UTF-8</encoding>
                     <compilerArgs>
                         <compilerArg>-AbaseDir=${project.basedir}</compilerArg>
diff --git a/qing-domain/pom.xml b/qing-domain/pom.xml
index 45be77230..d4d3e2213 100644
--- a/qing-domain/pom.xml
+++ b/qing-domain/pom.xml
@@ -220,9 +220,9 @@
                     </execution>
                 </executions>
                 <configuration>
-                    <source>17</source>
-                    <target>17</target>
-                    <encoding>UTF-8</encoding>
+                    <source>${maven.compiler.source}</source>
+                    <target>${maven.compiler.target}</target>
+                    <encoding>${maven.compiler.encoding}</encoding>
                 </configuration>
             </plugin>
             <plugin>
diff --git a/qing-infrastructure-anime/pom.xml b/qing-infrastructure-anime/pom.xml
index 1aac96088..e63bf915d 100644
--- a/qing-infrastructure-anime/pom.xml
+++ b/qing-infrastructure-anime/pom.xml
@@ -12,11 +12,6 @@
     <artifactId>qing-infrastructure-anime</artifactId>
     <packaging>jar</packaging>
 
-    <properties>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-    </properties>
     <dependencies>
         <dependency>
             <groupId>org.springframework</groupId>
diff --git a/qing-infrastructure/pom.xml b/qing-infrastructure/pom.xml
index 066565f36..ec9d57697 100644
--- a/qing-infrastructure/pom.xml
+++ b/qing-infrastructure/pom.xml
@@ -15,15 +15,6 @@
     <description>基础设施</description>
 
     <packaging>jar</packaging>
-    <properties>
-        <java.version>17</java.version>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>
-        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-    </properties>
 
     <dependencies>
         <dependency>
diff --git a/qing-services/pom.xml b/qing-services/pom.xml
index e9f6fea98..bc3fe1410 100644
--- a/qing-services/pom.xml
+++ b/qing-services/pom.xml
@@ -11,10 +11,4 @@
 
     <artifactId>qing-services</artifactId>
 
-    <properties>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-    </properties>
-
 </project>
diff --git a/qing-starters/pom.xml b/qing-starters/pom.xml
index d87e01f77..3907abba6 100644
--- a/qing-starters/pom.xml
+++ b/qing-starters/pom.xml
@@ -28,15 +28,6 @@
     <version>0.0.2-SNAPSHOT</version>
 
     <packaging>pom</packaging>
-    <properties>
-        <java.version>17</java.version>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>
-        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-    </properties>
 
     <modules>
         <module>qing-jpa-spring-boot-starter</module>
diff --git a/qing-starters/qing-dingtalk-spring-boot-starter/pom.xml b/qing-starters/qing-dingtalk-spring-boot-starter/pom.xml
index 0bd37e1d9..6487bb3ed 100644
--- a/qing-starters/qing-dingtalk-spring-boot-starter/pom.xml
+++ b/qing-starters/qing-dingtalk-spring-boot-starter/pom.xml
@@ -27,10 +27,6 @@
     <artifactId>qing-dingtalk-spring-boot-starter</artifactId>
     <name>qing-dingtalk-spring-boot-starter</name>
 
-    <properties>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-    </properties>
-
     <dependencies>
         <dependency>
             <groupId>org.projectlombok</groupId>
diff --git a/qing-starters/qing-flowable-spring-boot-starter/pom.xml b/qing-starters/qing-flowable-spring-boot-starter/pom.xml
index dab69d70e..15b91d6f1 100644
--- a/qing-starters/qing-flowable-spring-boot-starter/pom.xml
+++ b/qing-starters/qing-flowable-spring-boot-starter/pom.xml
@@ -26,17 +26,6 @@
 
     <artifactId>qing-flowable-spring-boot-starter</artifactId>
     <name>qing-flowable-spring-boot-starter</name>
-
-    <properties>
-        <java.version>17</java.version>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>
-        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-    </properties>
-
     <dependencies>
         <dependency>
             <groupId>org.projectlombok</groupId>
@@ -48,7 +37,6 @@
             <artifactId>camunda-bpm-spring-boot-starter</artifactId>
             <version>7.15.0</version>
         </dependency>
-
         <dependency>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter</artifactId>
diff --git a/qing-starters/qing-jimmer-spring-boot-starter/pom.xml b/qing-starters/qing-jimmer-spring-boot-starter/pom.xml
index b831d5c2b..61fa517f2 100644
--- a/qing-starters/qing-jimmer-spring-boot-starter/pom.xml
+++ b/qing-starters/qing-jimmer-spring-boot-starter/pom.xml
@@ -24,15 +24,6 @@
     <modelVersion>4.0.0</modelVersion>
     <artifactId>qing-jimmer-spring-boot-starter</artifactId>
 
-    <properties>
-        <java.version>17</java.version>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>
-        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-    </properties>
     <dependencies>
         <dependency>
             <groupId>org.projectlombok</groupId>
diff --git a/qing-starters/qing-jpa-spring-boot-starter/pom.xml b/qing-starters/qing-jpa-spring-boot-starter/pom.xml
index f1628b59c..bd97cb140 100644
--- a/qing-starters/qing-jpa-spring-boot-starter/pom.xml
+++ b/qing-starters/qing-jpa-spring-boot-starter/pom.xml
@@ -24,15 +24,6 @@
     <modelVersion>4.0.0</modelVersion>
     <artifactId>qing-jpa-spring-boot-starter</artifactId>
 
-    <properties>
-        <java.version>17</java.version>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>
-        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-    </properties>
     <dependencies>
         <dependency>
             <groupId>org.springframework.boot</groupId>
diff --git a/qing-starters/qing-mybatis-spring-boot-starter/pom.xml b/qing-starters/qing-mybatis-spring-boot-starter/pom.xml
index fda4adad9..1c486228a 100644
--- a/qing-starters/qing-mybatis-spring-boot-starter/pom.xml
+++ b/qing-starters/qing-mybatis-spring-boot-starter/pom.xml
@@ -28,16 +28,6 @@
 
     <name>qing-mybatis-spring-boot-starter</name>
 
-    <properties>
-        <java.version>17</java.version>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>
-        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-    </properties>
-
     <dependencies>
         <dependency>
             <groupId>org.projectlombok</groupId>
diff --git a/qing-starters/qing-oss-spring-boot-starter/pom.xml b/qing-starters/qing-oss-spring-boot-starter/pom.xml
index a6902d5ea..bb42d5e47 100644
--- a/qing-starters/qing-oss-spring-boot-starter/pom.xml
+++ b/qing-starters/qing-oss-spring-boot-starter/pom.xml
@@ -27,16 +27,6 @@
     <artifactId>qing-oss-spring-boot-starter</artifactId>
     <name>qing-oss-spring-boot-starter</name>
 
-    <properties>
-        <java.version>17</java.version>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>
-        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-    </properties>
-
     <dependencies>
         <dependency>
             <groupId>org.projectlombok</groupId>
diff --git a/qing-starters/qing-registry-spring-boot-starter/pom.xml b/qing-starters/qing-registry-spring-boot-starter/pom.xml
index 992f1fd58..b75a2d86a 100644
--- a/qing-starters/qing-registry-spring-boot-starter/pom.xml
+++ b/qing-starters/qing-registry-spring-boot-starter/pom.xml
@@ -13,12 +13,6 @@
 
     <artifactId>qing-registry-spring-boot-starter</artifactId>
 
-    <properties>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-    </properties>
-
     <dependencies>
         <dependency>
             <groupId>com.alibaba.cloud</groupId>
diff --git a/qing-starters/qing-security-spring-boot-starter/pom.xml b/qing-starters/qing-security-spring-boot-starter/pom.xml
index dd551b3a0..84bdfa762 100644
--- a/qing-starters/qing-security-spring-boot-starter/pom.xml
+++ b/qing-starters/qing-security-spring-boot-starter/pom.xml
@@ -27,15 +27,6 @@
     <name>qing-security-spring-boot-starter</name>
     <version>0.0.2-SNAPSHOT</version>
     <packaging>jar</packaging>
-    <properties>
-        <java.version>17</java.version>
-        <maven.compiler.source>17</maven.compiler.source>
-        <maven.compiler.target>17</maven.compiler.target>
-        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>
-        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
-        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-    </properties>
 
     <dependencies>
         <dependency>
diff --git a/qing-ui/src/main/frontend/src/router/index.ts b/qing-ui/src/main/frontend/src/router/index.ts
index 741411cfa..f55efae53 100644
--- a/qing-ui/src/main/frontend/src/router/index.ts
+++ b/qing-ui/src/main/frontend/src/router/index.ts
@@ -1,4 +1,4 @@
-import {createRouter, createWebHashHistory, type NavigationGuardNext, type RouteLocationNormalized, type Router} from "vue-router";
+import {createRouter, createWebHistory, type NavigationGuardNext, type RouteLocationNormalized, type Router} from "vue-router";
 
 import {userStore} from "@/stores/user";
 import routerList from "@/router/modules/base-routes";
@@ -25,7 +25,7 @@ const whiteList = ["/login"];
  * 创建路由实例
  */
 const router: Router = createRouter({
-    history: createWebHashHistory(),
+    history: createWebHistory(),
     routes,
 });
 
diff --git a/qing-ui/src/main/frontend/src/router/modules/base-routes.ts b/qing-ui/src/main/frontend/src/router/modules/base-routes.ts
index ca4fcba1c..64c898ee5 100644
--- a/qing-ui/src/main/frontend/src/router/modules/base-routes.ts
+++ b/qing-ui/src/main/frontend/src/router/modules/base-routes.ts
@@ -10,7 +10,7 @@ import Recommend from "@/views/recommend/Recommend.vue";
 import UpdatePage from "@/views/UpdatePage.vue";
 import Catalog from "@/views/catalog/Catalog.vue";
 import RankPage from "@/views/RankPage.vue";
-import Detail from "@/views/Detail.vue";
+import Detail from "@/views/anime/detail/index.vue";
 import Component from "@/views/examples/component/Component.vue";
 import PlayPage from "@/views/PlayPage.vue";
 import About from "@/views/about/About.vue";
diff --git a/qing-ui/src/main/frontend/src/views/Detail.vue b/qing-ui/src/main/frontend/src/views/anime/detail/index.vue
similarity index 57%
rename from qing-ui/src/main/frontend/src/views/Detail.vue
rename to qing-ui/src/main/frontend/src/views/anime/detail/index.vue
index c15729b9d..38ebd8266 100644
--- a/qing-ui/src/main/frontend/src/views/Detail.vue
+++ b/qing-ui/src/main/frontend/src/views/anime/detail/index.vue
@@ -1,66 +1,155 @@
+<style lang="scss">
+.content-wrapper {
+  background-color: rgb(33, 37, 41);
+  margin-top: 1rem;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: row;
+  padding: 1rem;
+  color: white;
+
+  .div-left {
+    display: flex;
+    flex-direction: column;
+    width: 30%;
+
+    .cover {
+      width: 100%;
+      height: 100%;
+      align-items: center;
+      text-align: center;
+
+      img {
+        width: 256px;
+      }
+    }
+
+    .summary {
+      height: 2rem;
+      display: flex;
+      align-content: center;
+      justify-content: space-between;
+      margin: 1rem;
+    }
+
+    .detail-info {
+      background-color: #0b2e13;
+    }
+  }
+
+  .div-right {
+    display: flex;
+    flex-direction: column;
+
+    .description {
+      padding: 1rem 0;
+
+      .detail-info-name {
+        h2 {
+          color: #d0e0f0;
+        }
+      }
+
+      .detail-info-divider {
+        width: 100%;
+        color: rgba(153, 153, 153, 0.5);
+      }
+    }
+
+    .playlist-wrapper {
+      width: 100%;
+
+      .playlist-header {
+        width: 100%;
+        padding-top: 1rem;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        align-content: center;
+        font-size: 1rem;
+
+        .playlist-title-icon {
+          color: #dc3545;
+        }
+
+        .playlist-title {
+          margin-left: 0.5rem;
+          color: #dc3545;
+        }
+
+        .playlist-notice {
+          color: darkgray;
+        }
+      }
+    }
+  }
+}
+</style>
+
 <template>
-  <div id="container">
-    <div class="div_left">
-      <div class="baseblock">
-        <div class="blockcontent">
-          <img :alt="data.anime.name" class="poster" height="356px" referrerpolicy="no-referrer" src="https://cdn.aqdstatic.com:966/age/20010004.jpg" width="256px"/>
-        </div>
+  <div class="x-container content-wrapper">
+    <div class="div-left">
+      <div class="cover">
+        <img :alt="data.anime.name" class="poster" height="356px" referrerpolicy="no-referrer" src="https://cdn.aqdstatic.com:966/age/20010004.jpg" width="256px"/>
       </div>
-      <div class="baseblock">
-        <div class="blockcontent">
-          <div class="baseblock2">
-            <div class="blocktitle detail_title1">基本信息：</div>
-            <ul class="blockcontent">
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">地区：</span>
-                <span class="detail_imform_value">{{ data.anime.name }}</span>
-                <a class="detail_imform_show_full" href="javascript:detail_show_full();">&lt;&lt;展开</a>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">动画种类：</span>
-                <span class="detail_imform_value">{{ data.anime.typeName }}</span>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">动画名称：</span>
-                <span class="detail_imform_value">{{ data.anime.name }}</span>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">原版名称：</span>
-                <span class="detail_imform_value">{{ data.anime.originalName }}</span>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">作者：</span>
-                <span class="detail_imform_value">{{ data.anime.author }}</span>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">制作公司：</span>
-                <span class="detail_imform_value">{{ data.anime.companyName }}</span>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">首播时间：</span>
-                <span class="detail_imform_value">{{ data.anime.premiereDate }}</span>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">播放状态：</span>
-                <span class="detail_imform_value">{{ data.anime.playStatus }}</span>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">剧情类型：</span>
-                <span class="detail_imform_value">{{ data.anime.plotType }}</span>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">标签：</span>
-                <span class="detail_imform_value">{{ data.anime.tagIds }}</span>
-              </li>
-              <li class="detail_imform_kv">
-                <span class="detail_imform_tag">官方网站：</span>
-                <span class="detail_imform_value">
-                  <a :href="data?.anime?.officialWebsite" target="_blank">{{ data?.anime?.officialWebsite }}</a>
-                </span>
-              </li>
-            </ul>
-          </div>
-        </div>
+      <div class="summary">
+        <button>测试信息</button>
+        <button>测试信息</button>
+        <button>测试信息</button>
+      </div>
+
+      <div class="detail-info">
+        <div class="blocktitle detail_title1">基本信息：</div>
+        <ul class="blockcontent">
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">地区：</span>
+            <span class="detail_imform_value">{{ data.anime.name }}</span>
+            <a class="detail_imform_show_full" href="javascript:detail_show_full();">&lt;&lt;展开</a>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">动画种类：</span>
+            <span class="detail_imform_value">{{ data.anime.typeName }}</span>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">动画名称：</span>
+            <span class="detail_imform_value">{{ data.anime.name }}</span>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">原版名称：</span>
+            <span class="detail_imform_value">{{ data.anime.originalName }}</span>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">作者：</span>
+            <span class="detail_imform_value">{{ data.anime.author }}</span>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">制作公司：</span>
+            <span class="detail_imform_value">{{ data.anime.companyName }}</span>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">首播时间：</span>
+            <span class="detail_imform_value">{{ data.anime.premiereDate }}</span>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">播放状态：</span>
+            <span class="detail_imform_value">{{ data.anime.playStatus }}</span>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">剧情类型：</span>
+            <span class="detail_imform_value">{{ data.anime.plotType }}</span>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">标签：</span>
+            <span class="detail_imform_value">{{ data.anime.tagIds }}</span>
+          </li>
+          <li class="detail_imform_kv">
+            <span class="detail_imform_tag">官方网站：</span>
+            <span class="detail_imform_value">
+              <a :href="data?.anime?.officialWebsite" target="_blank">{{ data?.anime?.officialWebsite }}</a>
+            </span>
+          </li>
+        </ul>
       </div>
       <div class="baseblock">
         <div class="blockcontent">
@@ -83,45 +172,42 @@
         </div>
       </div>
     </div>
-    <div class="div_right">
-      <div class="baseblock">
-        <div class="blockcontent">
-          <h4 class="detail_imform_name">
+    <div class="div-right">
+      <div class="description">
+        <div class="detail-info-name">
+          <h2>
             {{ data.anime.name }}
-          </h4>
+          </h2>
         </div>
-      </div>
-      <div class="blockline1" style="margin: 8px"></div>
-      <div class="baseblock">
-        <div class="blockcontent">
-          <div class="detail_imform_desc_pre">
-            <p>{{ data.anime.instruction }}</p>
+        <hr class="detail-info-divider"/>
+        <div class="baseblock">
+          <div class="blockcontent">
+            <div class="detail_imform_desc_pre">
+              <p>{{ data.anime.instruction }}</p>
+            </div>
           </div>
         </div>
       </div>
-      <div class="blockline1" style="margin: 8px"></div>
-      <div id="playlist-div" class="baseblock">
-        <div class="blocktitle">在线播放：</div>
-        <ul v-for="(list, index) in data.anime.playLists" id="menu0" :key="index" class="menu0">
-          <li v-if="index === data.menuIndex" style="display: block" v-bind:class="{ on: index === data.menuIndex }" @click="next(list.id)">
-            {{ list?.name }}
-          </li>
-        </ul>
-        <div id="main0" class="main0">
-          <div
-                  v-for="(listInfo, index) in data.anime.playLists"
-                  :key="index"
-                  :style="{
-              display: index === currentPlayListId ? 'block' : 'none',
-            }"
-                  class="movurl"
-          >
-            <ul v-for="(episode, index) in episodeList" :key="index">
-              <li>
-                <router-link :title="episode.name" :to="`/anime/${data.anime.id}/play/{listId}/{episodeId}(animeId=${data.anime.id}`" target="_self">{{ episode.name }}</router-link>
-              </li>
-            </ul>
+      <div class="playlist-wrapper">
+        <div class="playlist-header">
+          <div>
+            <span>
+              <lay-icon type="layui-icon-play" class="playlist-title-icon"></lay-icon>
+              <span class="playlist-title">在线播放</span>
+            </span>
           </div>
+          <small class="playlist-notice">视频如果未正常播放或者卡顿，请切换播放源，优先选择 VIP 播放源!</small>
+        </div>
+        <hr/>
+
+        <div class="playlist">
+          <lay-tab v-model="selectTab" type="button">
+            <lay-tab-item :title="list.name" v-if="true" id="1" v-for="(list, index) in data.anime.playLists" :key="index">
+              <lay-button type="normal" v-for="(episodeInfo, episodeIndex) in list.episodeList" :key="episodeIndex">
+                <router-link :title="episodeInfo.name" :to="`/anime/${data.anime.id}/play/{listId}/{episodeId}(animeId=${data.anime.id}`" target="_self">{{ episodeInfo.name }}</router-link>
+              </lay-button>
+            </lay-tab-item>
+          </lay-tab>
         </div>
       </div>
 
@@ -170,7 +256,7 @@
           <div id="recommend_block" class="switchBlock">
             <ul class="ul_li_a4">
               <li v-for="({ id, name }, index) in []" :key="index" class="anime_icon1">
-                <router-link :to="`/anime/${id}`"><img alt="暂无" class="anime_icon1_img" height="205" referrerpolicy="no-referrer" src="../assets/img/anime/伤物语_small.jpg" width="148"/></router-link>
+                <router-link :to="`/anime/${id}`"><img alt="暂无" class="anime_icon1_img" height="205" referrerpolicy="no-referrer" src="../../../assets/img/anime/伤物语_small.jpg" width="148"/></router-link>
                 <router-link :to="`/anime/${id}`">
                   <div class="anime_icon1_name">{{ name }}</div>
                 </router-link>
@@ -227,6 +313,8 @@ import {findDetailById} from "@/apis/anime";
 import {useRoute, useRouter} from "vue-router";
 import type {AnimeDetail} from "@/apis/anime/types";
 
+const selectTab = ref("1");
+
 const data = reactive({
   activeIndex: "1",
   activeIndex2: "1",
@@ -335,5 +423,3 @@ function sendReport() {
   alert(reportDetail.value);
 }
 </script>
-
-<style scoped src="../assets/css/detail.css"></style>