<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./index.css">
</head>
<body>
<div class="decoration-contaier">
<div class="dv-decoration-6" style="width: 300px; height: 30px;"><svg width="300px" height="35px"
style="transform: scale(1, 0.857143);">
<rect fill="#7acaec" x="3.8170731707317076" y="12" width="7" height="11">
<animate attributeName="y" values="17.251448221141143;12;17.251448221141143"
dur="2.140070592643564s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="0.49710355771771275;11;0.49710355771771275"
dur="2.140070592643564s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="11.134146341463415" y="9.5" width="7" height="16">
<animate attributeName="y" values="16.17327574016643;9.5;16.17327574016643"
dur="2.3654276094655424s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="2.6534485196671334;16;2.6534485196671334"
dur="2.3654276094655424s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="18.451219512195124" y="11" width="7" height="13">
<animate attributeName="y" values="12.117287499035793;11;12.117287499035793"
dur="2.252404778633072s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="10.765425001928413;13;10.765425001928413"
dur="2.252404778633072s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="25.76829268292683" y="10.5" width="7" height="14">
<animate attributeName="y" values="11.191236513489992;10.5;11.191236513489992"
dur="1.8326264956089966s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="12.617526973020016;14;12.617526973020016"
dur="1.8326264956089966s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="33.08536585365854" y="12.5" width="7" height="10">
<animate attributeName="y" values="16.502460822626713;12.5;16.502460822626713"
dur="2.019388806004388s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="1.9950783547465734;10;1.9950783547465734"
dur="2.019388806004388s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="40.40243902439025" y="10.5" width="7" height="14">
<animate attributeName="y" values="11.071696792179424;10.5;11.071696792179424"
dur="1.517294986025477s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="12.856606415641153;14;12.856606415641153"
dur="1.517294986025477s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="47.71951219512195" y="9.5" width="7" height="16">
<animate attributeName="y" values="10.350348246095553;9.5;10.350348246095553"
dur="2.469091233123941s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="14.299303507808894;16;14.299303507808894"
dur="2.469091233123941s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="55.03658536585366" y="11.5" width="7" height="12">
<animate attributeName="y" values="12.659959729684871;11.5;12.659959729684871"
dur="2.177865066543318s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="9.680080540630255;12;9.680080540630255"
dur="2.177865066543318s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="62.35365853658537" y="14" width="7" height="7">
<animate attributeName="y" values="15.409391112059804;14;15.409391112059804"
dur="2.2223986300850482s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="4.1812177758803895;7;4.1812177758803895"
dur="2.2223986300850482s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="69.67073170731707" y="10" width="7" height="15">
<animate attributeName="y" values="11.342017784410798;10;11.342017784410798"
dur="2.3759597490304856s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
<animate attributeName="height" values="12.315964431178404;15;12.315964431178404"
dur="2.3759597490304856s" keyTimes="0;0.5;1" calcMode="spline"
keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>
</rect>
<rect fill="#7acaec" x="76.98780487804878" y="9" width="7" height="17">
<animate attributeName="y" values="12.21573518451104;9;12.21573518451104" dur="2.0687223418028533s"
keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s"
repeatCount="indef
DataV部分组件代码
176 浏览量
2024-04-16
23:35:13
上传
评论
收藏 35KB ZIP 举报
dataV.zip （34个子文件） 
decoration4-revese.html 748B border2.html 940B border4.html 2KB decoration5.html 1KB decoration4.html 747B cap.html 1KB border5.html 1KB decoration10.html 4KB border3.html 982B decoration2.html 836B decoration1.html 6KB decoration9.html 7KB decoration6.html 28KB border9.html 3KB decoration3.html 8KB border7.html 1KB border13.html 956B border8.html 2KB border1.html 4KB decoration8-reverse.html 712B Loading.html 1KB border10.html 1KB border11.html 4KB border12.html 2KB border4-reverse.html 2KB decoration8.html 707B border8-reverse.html 2KB border5-reverse.html 1KB decoration12.html 8KB decoration2-reverse.html 837B decoration11.html 1KB decoration7.html 878B
index.css 51KB border6.html 2KB资源评论
