3 Star 4 Fork 1

Cabber/h5多页模版(vue3+nuxt3+ vant4)

加入 Gitee
与超过 1400万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
skeleton.h5.html 4.58 KB
一键复制 编辑 原始数据 按行查看 历史
Cabber 提交于 2023-09-28 21:43 +08:00 . ✨ feat:新版模板
<style>
@keyframes opacity {
0% {
opacity: 1
}
50% {
opacity: .5
}
100% {
opacity: 1
}
}
</style>
<style>._ {
position: fixed;
z-index: 999;
background: #ecf0f2;
overflow: hidden;
}
._::before {
content: ' ';
position:absolute;
top:0;
inset-inline-end:-150%;
bottom:0;
inset-inline-start:-150%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
animation-name: css-eq3tly-ant-skeleton-loading;
animation-duration: 1.4s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
.__ {
top: 0%;
left: 0%;
width: 100%;
}
.__._::before {
display: none;
}
@keyframes css-eq3tly-ant-skeleton-loading{
0% {
transform:translateX(-37.5%);
}
100% {
transform:translateX(37.5%);
}
}</style>
<div class="_ __" style="height:100%;z-index:990;background:#fff"></div>
<div class="_" style="height:3.598%;top:1.647%;left:30.925%;width:43.746%"></div>
<div class="_" style="height:2.549%;top:7.496%;left:5.867%;width:76.708%"></div>
<div class="_" style="height:2.249%;top:7.646%;left:82.575%;width:13.867%"></div>
<div class="_" style="height:5.547%;top:13.041%;left:6.667%;width:10.667%"></div>
<div class="_" style="height:2.099%;top:19.938%;left:0.000%;width:24.000%"></div>
<div class="_" style="height:2.097%;top:12.744%;left:14.942%;width:3.729%"></div>
<div class="_" style="height:5.547%;top:13.041%;left:30.667%;width:10.667%"></div>
<div class="_" style="height:2.099%;top:19.938%;left:24.000%;width:24.000%"></div>
<div class="_" style="height:2.097%;top:12.744%;left:38.942%;width:3.729%"></div>
<div class="_" style="height:5.547%;top:13.041%;left:54.667%;width:10.667%"></div>
<div class="_" style="height:2.099%;top:19.938%;left:48.000%;width:24.000%"></div>
<div class="_" style="height:2.097%;top:12.744%;left:62.942%;width:3.729%"></div>
<div class="_" style="height:5.547%;top:13.041%;left:78.667%;width:10.667%"></div>
<div class="_" style="height:2.099%;top:19.938%;left:72.000%;width:24.000%"></div>
<div class="_" style="height:2.097%;top:12.744%;left:86.942%;width:3.729%"></div>
<div class="_" style="height:5.547%;top:24.735%;left:6.667%;width:10.667%"></div>
<div class="_" style="height:2.099%;top:31.632%;left:0.000%;width:24.000%"></div>
<div class="_" style="height:2.097%;top:24.438%;left:14.942%;width:3.729%"></div>
<div class="_" style="height:5.547%;top:24.735%;left:30.667%;width:10.667%"></div>
<div class="_" style="height:2.099%;top:31.632%;left:24.000%;width:24.000%"></div>
<div class="_" style="height:2.097%;top:24.438%;left:38.942%;width:3.729%"></div>
<div class="_" style="height:5.547%;top:24.735%;left:54.667%;width:10.667%"></div>
<div class="_" style="height:2.099%;top:31.632%;left:48.000%;width:24.000%"></div>
<div class="_" style="height:2.097%;top:24.438%;left:62.942%;width:3.729%"></div>
<div class="_" style="height:5.547%;top:24.735%;left:78.667%;width:10.667%"></div>
<div class="_" style="height:2.099%;top:31.632%;left:72.000%;width:24.000%"></div>
<div class="_" style="height:2.097%;top:24.438%;left:86.942%;width:3.729%"></div>
<div class="_" style="height:8.246%;top:39.501%;left:4.267%;width:13.329%"></div>
<div class="_" style="height:2.549%;top:38.828%;left:23.196%;width:72.537%"></div>
<div class="_" style="height:2.249%;top:41.827%;left:23.196%;width:72.537%"></div>
<div class="_" style="height:3.148%;top:45.273%;left:23.196%;width:21.788%"></div>
<div class="_" style="height:2.099%;top:46.322%;left:66.017%;width:29.717%"></div>
<div class="_" style="height:17.991%;top:51.420%;left:1.600%;width:96.800%"></div>
<div class="_" style="height:17.991%;top:51.420%;left:98.400%;width:96.800%"></div>
<div class="_" style="height:2.549%;top:72.634%;left:5.333%;width:17.375%"></div>
<div class="_" style="height:3.298%;top:78.556%;left:8.346%;width:5.867%;border-radius:9px"></div>
<div class="_" style="height:2.099%;top:82.754%;left:1.600%;width:19.358%"></div>
<div class="_" style="height:3.298%;top:78.556%;left:27.704%;width:5.867%;border-radius:9px"></div>
<div class="_" style="height:2.099%;top:82.754%;left:20.958%;width:19.358%"></div>
<div class="_" style="height:3.298%;top:78.556%;left:47.063%;width:5.867%;border-radius:9px"></div>
<div class="_" style="height:2.099%;top:82.754%;left:40.317%;width:19.358%"></div>
<div class="_" style="height:3.298%;top:78.556%;left:66.421%;width:5.867%;border-radius:9px"></div>
<div class="_" style="height:2.099%;top:82.754%;left:59.675%;width:19.358%"></div>
<div class="_" style="height:2.099%;top:82.754%;left:79.033%;width:19.358%"></div>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/ChuPiJiang/library-nuxt3-generate.git
git@gitee.com:ChuPiJiang/library-nuxt3-generate.git
ChuPiJiang
library-nuxt3-generate
h5多页模版(vue3+nuxt3+ vant4)
master

搜索帮助