@ -1,117 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>文山州教育数字化平台</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image: url('back.jpg');
|
||||
background-size: auto;
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
height: 100%;
|
||||
}
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>文山州教育数字化平台</title>
|
||||
|
||||
.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 {
|
||||
width: 260px;
|
||||
}
|
||||
</head>
|
||||
|
||||
.welcome-text {
|
||||
position: absolute;
|
||||
top: 11px; /* 可以根据需要调整 */
|
||||
left: 8%; /* 可以根据需要调整 */
|
||||
color: #FFFFFF;
|
||||
font-size: 12px;
|
||||
}
|
||||
<body>
|
||||
|
||||
.welcome-image {
|
||||
position: absolute;
|
||||
top: 260px; /* 可以根据需要调整 */
|
||||
left: 20%; /* 可以根据需要调整 */
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="welcome-text">欢迎来到文山州教育数字化平台</div>
|
||||
<div class="welcome-image"><img src="text.png"></div>
|
||||
<div class="container">
|
||||
<a href="http://10.10.14.101:8080/restcloud/admin"
|
||||
target="_blank">
|
||||
<div class="icon-container">
|
||||
<img class="image-icon" src="1.png">
|
||||
<div class="icon-text">汇集流程</div>
|
||||
</div>
|
||||
</a>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
<script type="importmap">
|
||||
{
|
||||
"imports": {
|
||||
"three": "https://cdnjs.cloudflare.com/ajax/libs/three.js/0.174.0/three.module.js",
|
||||
"@forge-gfx/forge": "https://forge.dev/releases/forge/0.1.0/forge.module.js"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="module">
|
||||
import * as THREE from "three";
|
||||
import { SplatMesh } from "@forge-gfx/forge";
|
||||
|
||||
<a
|
||||
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"
|
||||
target="_blank">
|
||||
<div class="icon-container">
|
||||
<img class="image-icon" src="2.png">
|
||||
<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>
|
||||
const scene = new THREE.Scene();
|
||||
const camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 1000);
|
||||
const renderer = new THREE.WebGLRenderer();
|
||||
renderer.setSize(window.innerWidth, window.innerHeight);
|
||||
document.body.appendChild(renderer.domElement)
|
||||
|
||||
<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>
|
||||
const splatURL = "https://forge.dev/assets/splats/butterfly.spz";
|
||||
const butterfly = new SplatMesh({ url: splatURL });
|
||||
butterfly.quaternion.set(1, 2, 3, 0);
|
||||
butterfly.position.set(0, 0, -3);
|
||||
scene.add(butterfly);
|
||||
|
||||
<a href="http://www.wmarkj.com:27081/link/H2zO8vry"
|
||||
target="_blank">
|
||||
<div class="icon-container">
|
||||
<img class="image-icon" src="3.png">
|
||||
<div class="icon-text">教育运行状态监测与分析</div>
|
||||
</div>
|
||||
</a>
|
||||
renderer.setAnimationLoop(function animate(time) {
|
||||
renderer.render(scene, camera);
|
||||
butterfly.rotation.y += 0.01;
|
||||
});
|
||||
</script>
|
||||
|
||||
<a href="http://jyj.changchun.gov.cn/xxgk/jcxxgk/jytjsj/2022jytj/"
|
||||
target="_blank">
|
||||
<div class="icon-container">
|
||||
<img class="image-icon" src="4.png">
|
||||
<div class="icon-text">教育年报</div>
|
||||
</div>
|
||||
</a>
|
||||
</body>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</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
|
||||
|
||||