fix: 调整轮播项宽度并添加Wasm播放器示例

调整admission-body中swiper-item的宽度从471px改为356px以适配设计需求添加EasyWasmPlayer的示例HTML文件用于演示播放器功能
2025-07-24 19:05:17 +08:00
parent 8084a177e5
commit 15cf9c3041
3 changed files with 28 additions and 2 deletions
--- a/1.html
+++ b/1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>EasyWasmPlayer-Demo</title>
+        <script src="./EasyWasmPlayer.js"></script>
+        <style>
+            .box {
+                width: 600px;
+                height: 400px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="box">
+            <div id="Player"></div>
+        </div>
+        <script>
+            // 实例化播放器
+            var Player = new WasmPlayer(null, "Player", callbackFun, { cbUserPtr: this, decodeType: "auto", openAudio: 1, BigPlay: false, Height: true });
+            // 调用播放
+            Player.play("url", 1);
+        </script>
+    </body>
+</html>
--- a/css/index.css
+++ b/css/index.css
@@ -630,7 +630,7 @@ body {
  overflow: hidden;
 }
 .admission-officer .admission-body .interview-more .swiper-box .swiper .swiper-item {
-  width: 471px;
+  width: 356px;
  height: 200px;
  position: relative;
  border-radius: 10px;
--- a/css/index.less
+++ b/css/index.less
@@ -751,7 +751,7 @@ body {
                    overflow: hidden;

                    .swiper-item {
-                        width: 471px;
+                        width: 356px;
                        height: 200px;
                        position: relative;
                        border-radius: 10px;