init项目
This commit is contained in:
1
public/dist/assets/Index-630507e4.js
vendored
Normal file
1
public/dist/assets/Index-630507e4.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
import{_ as a,o as t,c as s,a as e}from"./index-94991f0a.js";const o={data:()=>({})},c={id:"hero"},n=[e('<h1 class="tagline" data-v-505540b8><span class="accent" data-v-505540b8>Electron-Egg</span></h1><p class="description" data-v-505540b8> A fast, desktop software development framework </p><p class="actions" data-v-505540b8><a class="setup" href="https://www.kaka996.com/" target="_blank" data-v-505540b8>Get Started</a></p>',3)];const d=a(o,[["render",function(a,e,o,d,r,p){return t(),s("section",c,n)}],["__scopeId","data-v-505540b8"]]);export{d as default};
|
||||
1
public/dist/assets/Index-812274cb.css
vendored
Normal file
1
public/dist/assets/Index-812274cb.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
section[data-v-505540b8]{padding:42px 32px}#hero[data-v-505540b8]{padding:150px 32px;text-align:center;height:100%}.tagline[data-v-505540b8]{font-size:52px;line-height:1.25;font-weight:700;letter-spacing:-1.5px;max-width:960px;margin:0 auto}html:not(.dark) .accent[data-v-505540b8],.dark .tagline[data-v-505540b8]{background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description[data-v-505540b8]{max-width:960px;line-height:1.5;color:var(--vt-c-text-2);transition:color .5s;font-size:22px;margin:24px auto 40px}.actions a[data-v-505540b8]{font-size:16px;display:inline-block;background-color:var(--vt-c-bg-mute);padding:8px 18px;font-weight:500;border-radius:8px;transition:background-color .5s,color .5s;text-decoration:none}.actions .setup[data-v-505540b8]{color:var(--vt-c-text-code);background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff)}.actions .setup[data-v-505540b8]:hover{background-color:var(--vt-c-gray-light-4);transition-duration:.2s}
|
||||
7
public/dist/assets/index-94991f0a.js
vendored
Normal file
7
public/dist/assets/index-94991f0a.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
public/dist/assets/index-b7b2ffb7.css
vendored
Normal file
1
public/dist/assets/index-b7b2ffb7.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%}
|
||||
107
public/dist/index.html
vendored
Normal file
107
public/dist/index.html
vendored
Normal file
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" />
|
||||
<title></title>
|
||||
<!-- 优化：vue渲染未完成之前，先加一个css动画 -->
|
||||
<style>
|
||||
#loadingPage {
|
||||
background-color: #dedede;
|
||||
font-size: 12px;
|
||||
}
|
||||
.base {
|
||||
height: 9em;
|
||||
left: 50%;
|
||||
margin: -7.5em;
|
||||
padding: 3em;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 9em;
|
||||
transform: rotateX(45deg) rotateZ(45deg);
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
.cube,
|
||||
.cube:after,
|
||||
.cube:before {
|
||||
content: '';
|
||||
float: left;
|
||||
height: 3em;
|
||||
position: absolute;
|
||||
width: 3em;
|
||||
}
|
||||
/* Top */
|
||||
.cube {
|
||||
background-color: #06cf68;
|
||||
position: relative;
|
||||
transform: translateZ(3em);
|
||||
transform-style: preserve-3d;
|
||||
transition: .25s;
|
||||
box-shadow: 13em 13em 1.5em rgba(0, 0, 0, 0.1);
|
||||
animation: anim 1s infinite;
|
||||
}
|
||||
.cube:after {
|
||||
background-color: #05a151;
|
||||
transform: rotateX(-90deg) translateY(3em);
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
.cube:before {
|
||||
background-color: #026934;
|
||||
transform: rotateY(90deg) translateX(3em);
|
||||
transform-origin: 100% 0;
|
||||
}
|
||||
.cube:nth-child(1) {
|
||||
animation-delay: 0.05s;
|
||||
}
|
||||
.cube:nth-child(2) {
|
||||
animation-delay: 0.1s;
|
||||
}
|
||||
.cube:nth-child(3) {
|
||||
animation-delay: 0.15s;
|
||||
}
|
||||
.cube:nth-child(4) {
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
.cube:nth-child(5) {
|
||||
animation-delay: 0.25s;
|
||||
}
|
||||
.cube:nth-child(6) {
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
.cube:nth-child(7) {
|
||||
animation-delay: 0.35s;
|
||||
}
|
||||
.cube:nth-child(8) {
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
.cube:nth-child(9) {
|
||||
animation-delay: 0.45s;
|
||||
}
|
||||
@keyframes anim {
|
||||
50% {
|
||||
transform: translateZ(0.5em);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script type="module" crossorigin src="./assets/index-94991f0a.js"></script>
|
||||
<link rel="stylesheet" href="./assets/index-b7b2ffb7.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="loadingPage">
|
||||
<div class='base'>
|
||||
<div class='cube'></div>
|
||||
<div class='cube'></div>
|
||||
<div class='cube'></div>
|
||||
<div class='cube'></div>
|
||||
<div class='cube'></div>
|
||||
<div class='cube'></div>
|
||||
<div class='cube'></div>
|
||||
<div class='cube'></div>
|
||||
<div class='cube'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="app"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user