From 91625411c8d0008fdcf465d6b126b4a2bc10b626 Mon Sep 17 00:00:00 2001
From: jian_fei_zhang <1790200889@qq.com>
Date: Fri, 25 Feb 2022 21:28:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=BB=84=E4=BB=B6=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=97=8B=E8=BD=AC=E9=80=9F=E5=BA=A6=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 report-ui/src/assets/styles/anji.scss         | 18 ++++++++++++++++
 .../designer/tools/configure/widget-image.js  | 10 ++++++++-
 .../designer/widget/widgetImage.vue           | 21 +++----------------
 3 files changed, 30 insertions(+), 19 deletions(-)

diff --git a/report-ui/src/assets/styles/anji.scss b/report-ui/src/assets/styles/anji.scss
index 1cfe79a4..ee5d1587 100644
--- a/report-ui/src/assets/styles/anji.scss
+++ b/report-ui/src/assets/styles/anji.scss
@@ -77,3 +77,21 @@
 .el-table td {
   padding: 6px 0;
 }
+
+@keyframes turn {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  25% {
+    -webkit-transform: rotate(90deg);
+  }
+  50% {
+    -webkit-transform: rotate(180deg);
+  }
+  75% {
+    -webkit-transform: rotate(270deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-image.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-image.js
index 9e039cb3..37fff15b 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-image.js
+++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-image.js
@@ -1,6 +1,6 @@
 /*
  * @Descripttion: 图片json
- * @version: 
+ * @version:
  * @Author: qianlishi
  * @Date: 2021-08-29 07:07:23
  * @LastEditors: qianlishi
@@ -30,6 +30,14 @@ export const widgetImage = {
           placeholder: '',
           value: false,
         },
+        {
+          type: 'el-slider',
+          label: '旋转速度',
+          name: 'rotationSpeed',
+          required: false,
+          placeholder: '',
+          value: 70
+        },
         {
           type: 'el-slider',
           label: '透明度',
diff --git a/report-ui/src/views/bigscreenDesigner/designer/widget/widgetImage.vue b/report-ui/src/views/bigscreenDesigner/designer/widget/widgetImage.vue
index afbd2eab..16794c43 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/widget/widgetImage.vue
+++ b/report-ui/src/views/bigscreenDesigner/designer/widget/widgetImage.vue
@@ -41,7 +41,8 @@ export default {
       return {
         imageAdress: this.transStyle.imageAdress,
         "border-radius": this.transStyle.borderRadius + "px",
-        opacity: this.transStyle.transparency / 100
+        opacity: this.transStyle.transparency / 100,
+        animation: this.transStyle.startRotate? "turn "+(101-this.transStyle.rotationSpeed)/10+"s linear infinite":"none"
       };
     }
   },
@@ -74,21 +75,5 @@ export default {
 .startImg {
   animation: turn 1s linear infinite;
 }
-@keyframes turn {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  25% {
-    -webkit-transform: rotate(90deg);
-  }
-  50% {
-    -webkit-transform: rotate(180deg);
-  }
-  75% {
-    -webkit-transform: rotate(270deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
+
 </style>