Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
TodayCoding
Qiankun study examples
提交
73f561b6
Q
Qiankun study examples
项目概览
TodayCoding
/
Qiankun study examples
通知
9
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Q
Qiankun study examples
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
73f561b6
编写于
3月 29, 2023
作者:
TodayCoding
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
ng-alain15 micro1 delete preloader
上级
da9f51b3
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
1 addition
and
1 deletion
+1
-1
ng-alain15/micro1/src/index.html
ng-alain15/micro1/src/index.html
+1
-1
未找到文件。
ng-alain15/micro1/src/index.html
浏览文件 @
73f561b6
...
@@ -9,6 +9,6 @@
...
@@ -9,6 +9,6 @@
<style
type=
"text/css"
>
.preloader
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
background
:
#49a9ee
;
z-index
:
9999
;
transition
:
opacity
.65s
}
.preloader-hidden-add
{
opacity
:
1
;
display
:
block
}
.preloader-hidden-add-active
{
opacity
:
0
}
.preloader-hidden
{
display
:
none
}
.cs-loader
{
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
100%
;
width
:
100%
}
.cs-loader-inner
{
transform
:
translateY
(
-50%
);
top
:
50%
;
position
:
absolute
;
width
:
100%
;
color
:
#fff
;
text-align
:
center
}
.cs-loader-inner
label
{
font-size
:
20px
;
opacity
:
0
;
display
:
inline-block
}
@keyframes
lol
{
0
%
{
opacity
:
0
;
transform
:
translateX
(
-300px
)}
33
%
{
opacity
:
1
;
transform
:
translateX
(
0
)}
66
%
{
opacity
:
1
;
transform
:
translateX
(
0
)}
100
%
{
opacity
:
0
;
transform
:
translateX
(
300px
)}}
.cs-loader-inner
label
:nth-child
(
6
)
{
animation
:
lol
3s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
5
)
{
animation
:
lol
3s
.1s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
4
)
{
animation
:
lol
3s
.2s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
3
)
{
animation
:
lol
3s
.3s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
2
)
{
animation
:
lol
3s
.4s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
1
)
{
animation
:
lol
3s
.5s
infinite
ease-in-out
}
</style></head>
<style
type=
"text/css"
>
.preloader
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
;
background
:
#49a9ee
;
z-index
:
9999
;
transition
:
opacity
.65s
}
.preloader-hidden-add
{
opacity
:
1
;
display
:
block
}
.preloader-hidden-add-active
{
opacity
:
0
}
.preloader-hidden
{
display
:
none
}
.cs-loader
{
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
100%
;
width
:
100%
}
.cs-loader-inner
{
transform
:
translateY
(
-50%
);
top
:
50%
;
position
:
absolute
;
width
:
100%
;
color
:
#fff
;
text-align
:
center
}
.cs-loader-inner
label
{
font-size
:
20px
;
opacity
:
0
;
display
:
inline-block
}
@keyframes
lol
{
0
%
{
opacity
:
0
;
transform
:
translateX
(
-300px
)}
33
%
{
opacity
:
1
;
transform
:
translateX
(
0
)}
66
%
{
opacity
:
1
;
transform
:
translateX
(
0
)}
100
%
{
opacity
:
0
;
transform
:
translateX
(
300px
)}}
.cs-loader-inner
label
:nth-child
(
6
)
{
animation
:
lol
3s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
5
)
{
animation
:
lol
3s
.1s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
4
)
{
animation
:
lol
3s
.2s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
3
)
{
animation
:
lol
3s
.3s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
2
)
{
animation
:
lol
3s
.4s
infinite
ease-in-out
}
.cs-loader-inner
label
:nth-child
(
1
)
{
animation
:
lol
3s
.5s
infinite
ease-in-out
}
</style></head>
<body>
<body>
<micro1-root></micro1-root>
<micro1-root></micro1-root>
<
div
class=
"preloader"
><div
class=
"cs-loader"
><div
class=
"cs-loader-inner"
><label>
●
</label><label>
●
</label><label>
●
</label><label>
●
</label><label>
●
</label><label>
●
</label></div></div></div
>
<
!-- <div class="preloader"><div class="cs-loader"><div class="cs-loader-inner"><label> ●</label><label> ●</label><label> ●</label><label> ●</label><label> ●</label><label> ●</label></div></div></div> --
>
</body>
</body>
</html>
</html>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录