From 92230c9a97dc9ce9df3313d11d26999c04bb6b26 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 15 七月 2025 13:12:48 +0800
Subject: [PATCH] 项目初始化
---
src/components/qiun-data-charts/components/qiun-loading/loading2.vue | 170 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 170 insertions(+), 0 deletions(-)
diff --git a/src/components/qiun-data-charts/components/qiun-loading/loading2.vue b/src/components/qiun-data-charts/components/qiun-loading/loading2.vue
new file mode 100644
index 0000000..7541b31
--- /dev/null
+++ b/src/components/qiun-data-charts/components/qiun-loading/loading2.vue
@@ -0,0 +1,170 @@
+<template>
+ <view class="container loading2">
+ <view class="shape shape1"></view>
+ <view class="shape shape2"></view>
+ <view class="shape shape3"></view>
+ <view class="shape shape4"></view>
+ </view>
+</template>
+
+<script>
+ export default {
+ name: 'loading2',
+ data() {
+ return {
+
+ };
+ }
+ }
+</script>
+
+<style scoped="true">
+.container {
+ width: 30px;
+ height: 30px;
+ position: relative;
+}
+
+.container.loading2 {
+ -webkit-transform: rotate(10deg);
+ transform: rotate(10deg);
+}
+.container.loading2 .shape {
+ border-radius: 5px;
+}
+.container.loading2{
+ -webkit-animation: rotation 1s infinite;
+ animation: rotation 1s infinite;
+}
+
+.container .shape {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ border-radius: 1px;
+}
+.container .shape.shape1 {
+ left: 0;
+ background-color: #1890FF;
+}
+.container .shape.shape2 {
+ right: 0;
+ background-color: #91CB74;
+}
+.container .shape.shape3 {
+ bottom: 0;
+ background-color: #FAC858;
+}
+.container .shape.shape4 {
+ bottom: 0;
+ right: 0;
+ background-color: #EE6666;
+}
+
+
+.loading2 .shape1 {
+ -webkit-animation: animation2shape1 0.5s ease 0s infinite alternate;
+ animation: animation2shape1 0.5s ease 0s infinite alternate;
+}
+
+@-webkit-keyframes animation2shape1 {
+ from {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ to {
+ -webkit-transform: translate(20px, 20px);
+ transform: translate(20px, 20px);
+ }
+}
+
+@keyframes animation2shape1 {
+ from {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ to {
+ -webkit-transform: translate(20px, 20px);
+ transform: translate(20px, 20px);
+ }
+}
+.loading2 .shape2 {
+ -webkit-animation: animation2shape2 0.5s ease 0s infinite alternate;
+ animation: animation2shape2 0.5s ease 0s infinite alternate;
+}
+
+@-webkit-keyframes animation2shape2 {
+ from {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ to {
+ -webkit-transform: translate(-20px, 20px);
+ transform: translate(-20px, 20px);
+ }
+}
+
+@keyframes animation2shape2 {
+ from {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ to {
+ -webkit-transform: translate(-20px, 20px);
+ transform: translate(-20px, 20px);
+ }
+}
+.loading2 .shape3 {
+ -webkit-animation: animation2shape3 0.5s ease 0s infinite alternate;
+ animation: animation2shape3 0.5s ease 0s infinite alternate;
+}
+
+@-webkit-keyframes animation2shape3 {
+ from {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ to {
+ -webkit-transform: translate(20px, -20px);
+ transform: translate(20px, -20px);
+ }
+}
+
+@keyframes animation2shape3 {
+ from {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ to {
+ -webkit-transform: translate(20px, -20px);
+ transform: translate(20px, -20px);
+ }
+}
+.loading2 .shape4 {
+ -webkit-animation: animation2shape4 0.5s ease 0s infinite alternate;
+ animation: animation2shape4 0.5s ease 0s infinite alternate;
+}
+
+@-webkit-keyframes animation2shape4 {
+ from {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ to {
+ -webkit-transform: translate(-20px, -20px);
+ transform: translate(-20px, -20px);
+ }
+}
+
+@keyframes animation2shape4 {
+ from {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ to {
+ -webkit-transform: translate(-20px, -20px);
+ transform: translate(-20px, -20px);
+ }
+}
+
+</style>
--
Gitblit v1.9.3