V2EX › hm20062006ok 的所有回复 › 第 7 页 / 共 8 页

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

1 2 3 4 5 6 7 8

❮

❯

2021-04-19 13:48:06 +08:00

回复了 LeeReamond 创建的主题 › Vue.js › vue 如何实现 loading 读条，加载完成后显示页面？

第一个问题，如果“用户第一次访问我的网站”打开的是首页。下面有一个效果：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">

<title>WebSiteName</title>
<style type="text/css">body {
margin: 0;
padding: 0
}

.loading {
width: 100%;
height: 100%;
background: #fff;
position: absolute
}

.lodingco {
width: 200px;
height: 80px;
text-align: center;
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}

.loading h2 {
color: #666;
margin: 0;
text-transform: uppercase;
letter-spacing: .1em;
font-size: 20px;
font-weight: 400;
font-family: cursive
}

.loading span {
display: inline-block;
vertical-align: middle;
width: .6em;
height: .6em;
margin: .19em;
background: #007DB6;
border-radius: .6em;
-webkit-animation: loading 1s infinite alternate;
animation: loading 1s infinite alternate;
animation: loading 1s infinite alternate
}

.loading span:nth-of-type(2) {
background: #008FB2;
-webkit-animation-delay: .2s;
animation-delay: .2s
}

.loading span:nth-of-type(3) {
background: #009B9E;
-webkit-animation-delay: .4s;
animation-delay: .4s
}

.loading span:nth-of-type(4) {
background: #00A77D;
-webkit-animation-delay: .6s;
animation-delay: .6s
}

.loading span:nth-of-type(5) {
background: #00B247;
-webkit-animation-delay: .8s;
animation-delay: .8s
}

.loading span:nth-of-type(6) {
background: #5AB027;
-webkit-animation-delay: 1s;
animation-delay: 1s
}

.loading span:nth-of-type(7) {
background: #A0B61E;
-webkit-animation-delay: 1.2s;;
animation-delay: 1.2s
}

@-webkit-keyframes loading {
0% {
opactty: 0
}
100% {
opacity: 1
}
}

@keyframes loading {
0% {
opacity: 0
}
100% {
opacity: 1;
}
}</style>
</head>
<body>

<div id="app">
<div class="loading">
<div class="lodingco"><h2>WebSiteName Loading</h2>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
</div>
</div>

</body>

</script>
</html>

2021-04-17 16:22:06 +08:00

回复了 inhd 创建的主题 › 知乎 › 如何解决接朋友时「在马路左 / 右边等你」，等我到了发现还是错了

东西南北，xx 路南往北方向

2021-04-16 12:20:26 +08:00

回复了 herozzm 创建的主题 › 推广 › “沃”的一生，不“柑”平凡，有家果园云南沃柑小店限时抢购和抽奖福利来了

买了

2021-04-14 11:54:33 +08:00

回复了 nockyQ 创建的主题 › 程序员 › 有用过淘宝教育的朋友吗

Chrome89 可以看

2021-04-13 20:17:05 +08:00

回复了 QZFCANBA 创建的主题 › 问与答 › 求一个完整的黑苹果教程

显卡和网卡尽量买免驱的。然后看 2 楼的指南

2021-04-11 11:51:15 +08:00

回复了 GGGG430 创建的主题 › Ubuntu › 安装 ubuntu20.04 后的几个问题

https://ywnz.com/linuxjc/6870.html 缩放可以吗？

2021-04-07 13:36:09 +08:00

回复了 fengerzh 创建的主题 › Apple › Mac 自带原生输入法中英文切换技巧？

“刚输入两个字母 he，突然发现不对，想切换成英文” 这时候按 enter

2021-03-31 12:49:16 +08:00

回复了 zhoudaiyu 创建的主题 › 问与答 › 大家做项目的时候用到过多深的数学知识？

Android 自定义动画的缓动函数

2021-03-29 20:06:51 +08:00

回复了 l890908 创建的主题 › 程序员 › Thinkphp5 路由变量不能放在最前面？

Route::get('hello/:name/[:city]','index/index/hello',['param_depr' => '-'],[ 'name' => '\w+' , 'city' => '[A-Za-z]+' ]);
表示只有在该路由规则访问的时候，才使用-作为 url 分隔符。

2021-03-24 15:20:16 +08:00

回复了 a154312237 创建的主题 › 推广 › 「福利」新品 MFI 弹簧数据线发售～我又来送上充电周边啦！

分母+1

2021-03-18 00:26:37 +08:00

回复了 yoa1q7y 创建的主题 › 问与答 › 60 多平米的一居室有必要买扫地机器人吗？

扫地机器人之前用过。现在养猫，觉得无线吸尘器好用

2021-03-01 16:06:48 +08:00

回复了 kiduu 创建的主题 › 推广 › 腾讯云 2c4g6m 再降价 288/3 年！

买完还是 1c2g，怎么升级的？

2020-09-27 13:54:47 +08:00

回复了 caowei922 创建的主题 › 推广 › 时隔一年，我又有来送苹果了！

分子来了