419 lines
33 KiB
HTML
419 lines
33 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<!-- saved from url=(0064)https://tcly861204.github.io/echarts-design/vcomponents/#/title2 -->
|
|||
|
|
<html lang="en">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|||
|
|
<link rel="icon" type="image/svg+xml"
|
|||
|
|
href="https://tcly861204.github.io/echarts-design/vcomponents/assets/svg/4a748afd.svg">
|
|||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|||
|
|
<title>小小世界，大有乾坤</title>
|
|||
|
|
<script src="./小小世界，大有乾坤_files/vue.global.prod.js.下载"></script>
|
|||
|
|
<script src="./小小世界，大有乾坤_files/vue-router.global.prod.js.下载"></script>
|
|||
|
|
<script type="module" crossorigin="" src="./小小世界，大有乾坤_files/7cccd23e.js.下载"></script>
|
|||
|
|
<link rel="stylesheet" href="./小小世界，大有乾坤_files/b4174ed6.css">
|
|||
|
|
<link rel="modulepreload" as="script" crossorigin=""
|
|||
|
|
href="https://tcly861204.github.io/echarts-design/vcomponents/assets/js/d12776f9.js">
|
|||
|
|
<link rel="modulepreload" as="script" crossorigin=""
|
|||
|
|
href="https://tcly861204.github.io/echarts-design/vcomponents/assets/js/0b876af3.js">
|
|||
|
|
<link rel="modulepreload" as="script" crossorigin=""
|
|||
|
|
href="https://tcly861204.github.io/echarts-design/vcomponents/assets/js/b2efdd0c.js">
|
|||
|
|
<link rel="modulepreload" as="script" crossorigin=""
|
|||
|
|
href="https://tcly861204.github.io/echarts-design/vcomponents/assets/js/b07c3693.js">
|
|||
|
|
<link rel="stylesheet" href="./小小世界，大有乾坤_files/849bb890.css">
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div id="app" data-v-app="">
|
|||
|
|
<section class="p20">
|
|||
|
|
<div class="mb20">
|
|||
|
|
<div style="position: relative; display: block; width: 406px; height: 36px;">
|
|||
|
|
<div style="position:absolute;left:1px;top:13px;width:405px;height:23px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:405px;height:23px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/b8a3c6df.png"
|
|||
|
|
style="-webkit-user-drag:none;filter:none;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:99px;top:0px;width:200px;height:27px;">
|
|||
|
|
<div style="width:100%;height:100%;cursor:auto;">
|
|||
|
|
<div
|
|||
|
|
style="font-family:优设标题黑;font-size:24px;color:rgb(255, 255, 255);letter-spacing:2px;line-height:48px;text-align:center;width:100%;font-weight:normal;position:absolute;top:50%;transform:translateY(-50%);filter:drop-shadow(rgb(0, 125, 202) 0px 0px 6px);">
|
|||
|
|
我是文字组件 </div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:0px;top:21px;width:5px;height:5px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:5px;height:5px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/6dc89200.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587564;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.6s;-webkit-user-drag:none;filter:drop-shadow(rgb(1, 127, 255) 0px 0px 4px);">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:8px;top:22px;width:3px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:3px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/6dc89200.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587565;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.3s;-webkit-user-drag:none;filter:drop-shadow(rgb(1, 127, 255) 0px 0px 4px);">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:401px;top:21px;width:5px;height:5px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:5px;height:5px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/6dc89200.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587563;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.6s;-webkit-user-drag:none;filter:drop-shadow(rgb(1, 127, 255) 0px 0px 4px);">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:395px;top:22px;width:3px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:3px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/6dc89200.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587562;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.3s;-webkit-user-drag:none;filter:drop-shadow(rgb(1, 127, 255) 0px 0px 4px);">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:94px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(-1)
|
|||
|
|
translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587561;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:1.3s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:91px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(-1)
|
|||
|
|
translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587556;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:1.1s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:88px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(-1)
|
|||
|
|
translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587559;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.9s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:85px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(-1)
|
|||
|
|
translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587558;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.7s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:82px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(-1)
|
|||
|
|
translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587557;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.5s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:79px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(-1)
|
|||
|
|
translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587560;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.3s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:305px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(-1)
|
|||
|
|
scaleY(-1) translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587552;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:1.3s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:308px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(-1)
|
|||
|
|
scaleY(-1) translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587555;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:1.1s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:311px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(-1)
|
|||
|
|
scaleY(-1) translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587553;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.9s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:314px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(-1)
|
|||
|
|
scaleY(-1) translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587554;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.7s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:317px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(-1)
|
|||
|
|
scaleY(-1) translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587551;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.5s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:320px;top:29px;width:5px;height:3px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;transform:perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(-1)
|
|||
|
|
scaleY(-1) translate3d(0px, 0px, 0px);display:flex;justify-content:flex-start;align-items:center;width:5px;height:3px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/595e3421.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587550;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.3s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:100px;top:30px;width:2px;height:2px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:2px;height:2px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/2de8de01.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587549;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:5s;animation-delay:2s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:113px;top:30px;width:2px;height:2px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:0.5;display:flex;justify-content:flex-start;align-items:center;width:2px;height:2px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/2de8de01.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587548;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3.5s;animation-delay:2s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:124px;top:30px;width:2px;height:2px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:2px;height:2px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/2de8de01.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587547;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:5.5s;animation-delay:2s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:134px;top:30px;width:2px;height:2px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:0.5;display:flex;justify-content:flex-start;align-items:center;width:2px;height:2px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/2de8de01.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587546;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:4.5s;animation-delay:2s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:144px;top:30px;width:2px;height:2px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:2px;height:2px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/2de8de01.svg"
|
|||
|
|
style="animation-name:imageAnimation_62587545;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:6s;animation-delay:2s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="mb20">
|
|||
|
|
<div style="position: relative; width: 403px; height: 44px; left: 0px; top: 0px;">
|
|||
|
|
<div style="position:absolute;left:1px;top:0px;width:402px;height:44px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:402px;height:44px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/28e93dfb.png"
|
|||
|
|
style="border-radius:unset;cursor:pointer;-webkit-user-drag:none;filter:none;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:4px;top:10px;width:200px;height:27px;">
|
|||
|
|
<div style="width:100%;height:100%;cursor:auto;">
|
|||
|
|
<div
|
|||
|
|
style="font-family:优设标题黑;font-size:24px;color:rgb(255, 255, 255);letter-spacing:2px;line-height:48px;text-align:center;width:100%;font-weight:normal;position:absolute;top:50%;transform:translateY(-50%);filter:drop-shadow(rgb(0, 125, 202) 0px 0px 6px);">
|
|||
|
|
我是文字组件 </div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:0px;top:1px;width:6px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:6px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_opacity_1j0Um index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/64821407.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:2s;-webkit-user-drag:none;filter:drop-shadow(rgb(1, 127, 255) 0px 0px 2px);">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:296px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587584;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:1.1s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:305px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587583;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:1s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:314px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587581;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.9s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:323px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587587;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.8s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:332px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587586;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.7s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:341px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587579;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.6s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:350px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587578;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.5s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:359px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587577;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.4s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:368px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587580;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.3s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:377px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587576;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.2s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:386px;top:38px;width:13px;height:6px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:13px;height:6px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/7c583608.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587582;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.1s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:1px;top:27px;width:14px;height:15px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:14px;height:15px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/8bf1785b.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587575;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.3s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:1px;top:23px;width:18px;height:18px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:18px;height:18px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/52b31267.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587574;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.6s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:1px;top:19px;width:22px;height:23px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:22px;height:23px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/79700038.svg"
|
|||
|
|
style="border-radius:unset;cursor:pointer;animation-name:imageAnimation_62587573;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.9s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="mb20">
|
|||
|
|
<div style="position: relative; width: 413px; height: 42px;">
|
|||
|
|
<div style="position:absolute;left:24px;top:0px;width:391px;height:42px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:391px;height:42px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/275d159f.png"
|
|||
|
|
style="-webkit-user-drag:none;filter:none;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:40px;top:7px;width:200px;height:27px;">
|
|||
|
|
<div style="width:100%;height:100%;cursor:auto;">
|
|||
|
|
<div
|
|||
|
|
style="font-family:优设标题黑;font-size:24px;color:rgb(255, 255, 255);letter-spacing:2px;line-height:48px;text-align:center;width:100%;font-weight:normal;position:absolute;top:50%;transform:translateY(-50%);filter:drop-shadow(rgb(0, 125, 202) 0px 0px 6px);">
|
|||
|
|
我是文字组件 </div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:13px;top:0px;width:44px;height:41px;">
|
|||
|
|
<div
|
|||
|
|
style="mix-blend-mode:normal;opacity:1;display:flex;justify-content:flex-start;align-items:center;width:44px;height:41px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/83caf8eb.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656348;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.6s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:2px;top:0px;width:44px;height:41px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:44px;height:41px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/83caf8eb.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656347;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.9s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:319px;top:29px;width:15px;height:8px;">
|
|||
|
|
<div
|
|||
|
|
style="mix-blend-mode:normal;opacity:1;display:flex;justify-content:flex-start;align-items:center;width:15px;height:8px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/0d3bd14c.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656345;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.8s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:326px;top:29px;width:15px;height:8px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:15px;height:8px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/0d3bd14c.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656340;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.7s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:333px;top:29px;width:15px;height:8px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:15px;height:8px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/0d3bd14c.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656346;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.6s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:340px;top:29px;width:15px;height:8px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:15px;height:8px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/0d3bd14c.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656344;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.5s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:347px;top:29px;width:15px;height:8px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:15px;height:8px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/0d3bd14c.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656339;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.4s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:354px;top:29px;width:15px;height:8px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:15px;height:8px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/0d3bd14c.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656341;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.3s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:361px;top:29px;width:15px;height:8px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:15px;height:8px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/0d3bd14c.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656343;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.2s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="position:absolute;left:368px;top:29px;width:15px;height:8px;">
|
|||
|
|
<div
|
|||
|
|
style="opacity:1;display:flex;justify-content:flex-start;align-items:center;width:15px;height:8px;margin:0px;">
|
|||
|
|
<img class="index-module_stretch_1bcJi" src="./小小世界，大有乾坤_files/0d3bd14c.svg"
|
|||
|
|
style="animation-name:imageAnimation_62656342;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:3s;animation-delay:0.1s;-webkit-user-drag:none;filter:none;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|