From 42b2a4f0592631283cb30e4345f8b5cec8e48748 Mon Sep 17 00:00:00 2001 From: iRuxu Date: Wed, 10 Jul 2024 17:47:07 +0800 Subject: [PATCH] feat:lottie mark --- src/assets/lottie/star.json | 1 + src/assets/lottie/star.png | Bin 0 -> 1039 bytes src/assets/lottie/star.svg | 1 + src/components/lottie_mark.vue | 42 +++++++++++++++++++++++++++++++++ 4 files changed, 44 insertions(+) create mode 100644 src/assets/lottie/star.json create mode 100644 src/assets/lottie/star.png create mode 100644 src/assets/lottie/star.svg create mode 100644 src/components/lottie_mark.vue diff --git a/src/assets/lottie/star.json b/src/assets/lottie/star.json new file mode 100644 index 00000000..fe19d05d --- /dev/null +++ b/src/assets/lottie/star.json @@ -0,0 +1 @@ +{"v":"5.6.10","fr":20,"ip":0,"op":80,"w":48,"h":48,"nm":"星星","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"黄星星 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":24,"s":[0]},{"t":60,"s":[143]}],"ix":10},"p":{"a":0,"k":[24.687,24.043,0],"ix":2},"a":{"a":0,"k":[-6.181,-4.813,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":5,"s":[0,0,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":10,"s":[200,200,100]},{"t":12,"s":[180,180,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":5.963,"ix":6},"is":{"a":0,"k":-186,"ix":8},"or":{"a":0,"k":11.927,"ix":7},"os":{"a":0,"k":60,"ix":9},"ix":1,"nm":"多边星形路径 1","mn":"ADBE Vector Shape - Star","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.749019622803,0.133333340287,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-6.25,-4.625],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"多边星形 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":5,"op":81,"st":5,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"圆圈","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":9,"s":[100]},{"t":11,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[23.375,23.75,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":4,"s":[0,0,100]},{"t":10,"s":[234,234,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[19.375,19.375],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"椭圆路径 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.828340888023,0.342745184898,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":4,"s":[10]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[1]},{"t":12,"s":[0.1]}],"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0.813,0.438],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"椭圆 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":81,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"点点","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":4,"ix":10},"p":{"a":0,"k":[24.25,24.25,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[101.927,100.068,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":3,"ty":"el","s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":9,"s":[8,8]},{"t":15,"s":[0,0]}],"ix":2},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":9,"s":[0,-8],"to":[0,-5.167],"ti":[0,5.167]},{"t":14,"s":[0,-39]}],"ix":3},"nm":"椭圆路径 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.776470601559,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0.563,11.813],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":-4,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":9,"s":[0]},{"t":14,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"椭圆 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"rp","c":{"a":0,"k":6,"ix":1},"o":{"a":0,"k":0,"ix":2},"m":1,"ix":2,"tr":{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":60,"ix":4},"so":{"a":0,"k":100,"ix":5},"eo":{"a":0,"k":100,"ix":6},"nm":"变换"},"nm":"中继器 1","mn":"ADBE Vector Filter - Repeater","hd":false}],"ip":0,"op":81,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"白星星","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"t":1,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[24.25,24.603,0],"ix":2},"a":{"a":0,"k":[-6.25,-5.147,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":2,"s":[180,180,100]},{"t":5,"s":[0,0,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":5,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":0,"ix":5},"ir":{"a":0,"k":5.963,"ix":6},"is":{"a":0,"k":-186,"ix":8},"or":{"a":0,"k":11.927,"ix":7},"os":{"a":0,"k":60,"ix":9},"ix":1,"nm":"多边星形路径 1","mn":"ADBE Vector Shape - Star","hd":false},{"ty":"tr","p":{"a":0,"k":[-6.25,-4.625],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"多边星形 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":20,"st":0,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/src/assets/lottie/star.png b/src/assets/lottie/star.png new file mode 100644 index 0000000000000000000000000000000000000000..239da8ddfc98ea00bf4f80a14e3deac10e1bc968 GIT binary patch literal 1039 zcmV+q1n~QbP)bVG7wVRUbD000P?b4%VpP037DaLr53Pf0BT06`W8 zypTD|>i_@)kx4{BRA@u(nOlfWQ5eV1#uN{($>m{?$bCu?HOLVUaxe3uBn^!RQsQ|? zyvdXM141c{lm|%~O%f@ETx-bX0lB8!Iewq^nf5-;IqO?zf9K4ZnpOX1&pF@s|Nj5A z)?Rz5&s$uf@dgq`ef?Y(9m;p1+tQUNo-;2a}4=%{MiG_?{Fv1%?$6x{jD8OB1FB z5VjG_b_m>yiLq8D%nTq(=KD^Cus*~bQpBl3%nVR%E9k4Lno6ZHyiyrkG|XfbLd2Tp1iZG_Q4-@BvUcUmEV`9oRhmMQJkI--RMsY`6`F-~>h~<2dOJ;$Or!bWt&J9M z77@QVDqb~(qCw$JJ%`VpdY4a@&_enm>VGLlqk7^(B5zN!vAd8=lR8`8nH#A4)s>+# zASB^FeT$3G==&P&DW2LuC`_hOCE5aQ5nltYGaqeTS6r?3?8w(ZY$xbak??z2!kx|6 zz(^;fUBE;QmD&J9Isn4{8d9T}aT*@A0m$SfzLHH<&&Pnzshfq-ff^DY0~$Wd7}c4T zj{!M&@@=n3SPFK4pPtF811=u}FA*Rw6`CeLBOL~lc%q&M+qs?$&H?S)-g8YMwSjO) zc*{X5;!cC{#5aNW*?6uW13AnUBgYgYaz$f6eY7ZKET!wip3UX{zz6ap-T_3)d#kg- zCFiNDz;ZAP$j?*Rc880Zg*J1}let3GDJn-U8$cS!bb18j*sqOZzH_{z47{?!$&*)> z&QIVvd_M~6i2OJo8v$pxRbhbo9;ia?|0H!A= \ No newline at end of file diff --git a/src/components/lottie_mark.vue b/src/components/lottie_mark.vue new file mode 100644 index 00000000..e78c4bf3 --- /dev/null +++ b/src/components/lottie_mark.vue @@ -0,0 +1,42 @@ + + + + + +