@ -1,117 +1,53 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="zh-CN">
|
<html lang="zh-CN">
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>文山州教育数字化平台</title>
|
|
||||||
|
|
||||||
<style>
|
<head>
|
||||||
body {
|
<meta charset="UTF-8">
|
||||||
margin: 0;
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
padding: 0;
|
<title>文山州教育数字化平台</title>
|
||||||
background-image: url('back.jpg');
|
|
||||||
background-size: auto;
|
|
||||||
background-position: center top;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-attachment: fixed;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
display: flex;justify-content:center;margin-top: 500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-container {
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
margin: 0 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-text {
|
|
||||||
position: absolute;
|
|
||||||
top: 75%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
color: #303133;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 24px;
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-icon {
|
</head>
|
||||||
width: 260px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.welcome-text {
|
<body>
|
||||||
position: absolute;
|
|
||||||
top: 11px; /* 可以根据需要调整 */
|
|
||||||
left: 8%; /* 可以根据需要调整 */
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.welcome-image {
|
|
||||||
position: absolute;
|
|
||||||
top: 260px; /* 可以根据需要调整 */
|
|
||||||
left: 20%; /* 可以根据需要调整 */
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
</head>
|
<style>
|
||||||
<body>
|
body {
|
||||||
<div class="welcome-text">欢迎来到文山州教育数字化平台</div>
|
margin: 0;
|
||||||
<div class="welcome-image"><img src="text.png"></div>
|
}
|
||||||
<div class="container">
|
</style>
|
||||||
<a href="http://10.10.14.101:8080/restcloud/admin"
|
<script type="importmap">
|
||||||
target="_blank">
|
{
|
||||||
<div class="icon-container">
|
"imports": {
|
||||||
<img class="image-icon" src="1.png">
|
"three": "https://cdnjs.cloudflare.com/ajax/libs/three.js/0.174.0/three.module.js",
|
||||||
<div class="icon-text">汇集流程</div>
|
"@forge-gfx/forge": "https://forge.dev/releases/forge/0.1.0/forge.module.js"
|
||||||
</div>
|
}
|
||||||
</a>
|
}
|
||||||
|
</script>
|
||||||
|
<script type="module">
|
||||||
|
import * as THREE from "three";
|
||||||
|
import { SplatMesh } from "@forge-gfx/forge";
|
||||||
|
|
||||||
<a
|
const scene = new THREE.Scene();
|
||||||
href="https://cdn8.axureshop.com/demo2025/2197783/#id=xyh2u5&p=%3E%3E%E5%8E%9F%E5%9E%8B%E6%BC%94%E7%A4%BA%3E%3E&c=1"
|
const camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 1000);
|
||||||
target="_blank">
|
const renderer = new THREE.WebGLRenderer();
|
||||||
<div class="icon-container">
|
renderer.setSize(window.innerWidth, window.innerHeight);
|
||||||
<img class="image-icon" src="2.png">
|
document.body.appendChild(renderer.domElement)
|
||||||
<div class="icon-text">元数据维护</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a href="http://124.71.15.237:8259/#/login/"
|
|
||||||
target="_blank">
|
|
||||||
<div class="icon-container">
|
|
||||||
<img class="image-icon" src="5.png">
|
|
||||||
<div class="icon-text">数据汇集</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="http://124.71.15.237:8259/#/login/"
|
const splatURL = "https://forge.dev/assets/splats/butterfly.spz";
|
||||||
target="_blank">
|
const butterfly = new SplatMesh({ url: splatURL });
|
||||||
<div class="icon-container">
|
butterfly.quaternion.set(1, 2, 3, 0);
|
||||||
<img class="image-icon" src="5.png">
|
butterfly.position.set(0, 0, -3);
|
||||||
<div class="icon-text">数据资产</div>
|
scene.add(butterfly);
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="http://www.wmarkj.com:27081/link/H2zO8vry"
|
renderer.setAnimationLoop(function animate(time) {
|
||||||
target="_blank">
|
renderer.render(scene, camera);
|
||||||
<div class="icon-container">
|
butterfly.rotation.y += 0.01;
|
||||||
<img class="image-icon" src="3.png">
|
});
|
||||||
<div class="icon-text">教育运行状态监测与分析</div>
|
</script>
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="http://jyj.changchun.gov.cn/xxgk/jcxxgk/jytjsj/2022jytj/"
|
</body>
|
||||||
target="_blank">
|
|
||||||
<div class="icon-container">
|
|
||||||
<img class="image-icon" src="4.png">
|
|
||||||
<div class="icon-text">教育年报</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 554 KiB |
@ -1 +1 @@
|
|||||||
7796
|
26548
|
||||||
|
|||||||