fix: 调整轮播项宽度并添加Wasm播放器示例
调整admission-body中swiper-item的宽度从471px改为356px以适配设计需求 添加EasyWasmPlayer的示例HTML文件用于演示播放器功能
This commit is contained in:
26
1.html
Normal file
26
1.html
Normal file
@@ -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>
|
||||||
@@ -630,7 +630,7 @@ body {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.admission-officer .admission-body .interview-more .swiper-box .swiper .swiper-item {
|
.admission-officer .admission-body .interview-more .swiper-box .swiper .swiper-item {
|
||||||
width: 471px;
|
width: 356px;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|||||||
@@ -751,7 +751,7 @@ body {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.swiper-item {
|
.swiper-item {
|
||||||
width: 471px;
|
width: 356px;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|||||||
Reference in New Issue
Block a user