From 3e9011d3421550bce82c413dd697650b20d3b3ce Mon Sep 17 00:00:00 2001
From: chendingwei <1170506816@qq.com>
Date: Mon, 26 Dec 2022 09:57:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8F=B3=E4=BE=A7=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                               |   2 -
 src/views/page/Aside/cameraRightMenu.vue | 145 ++++++++++++-----------
 2 files changed, 77 insertions(+), 70 deletions(-)

diff --git a/.gitignore b/.gitignore
index c5b71cf..b879930 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,5 +24,3 @@ dist-ssr
 *.sw?
 
 /components.d.ts
-/components.d.ts
-/components.d.ts
diff --git a/src/views/page/Aside/cameraRightMenu.vue b/src/views/page/Aside/cameraRightMenu.vue
index 945198e..6d77d44 100644
--- a/src/views/page/Aside/cameraRightMenu.vue
+++ b/src/views/page/Aside/cameraRightMenu.vue
@@ -10,37 +10,38 @@
             </template>
             <div class="buttomItem">
                 <div class="buttomName">标签标志</div>
-            </div> </Popover>
-            <div class="buttomItem">
-                <div class="buttomName">截图</div>
-            </div>
-            <div class="buttomItem">
-                <div class="buttomName">录像</div>
-            </div>
-            <div class="buttomItem">
-                <div class="buttomName">3D缩放</div>
-            </div>
-            <div class="buttomItem">
-                <div class="buttomName">设备标记</div>
-            </div>
-            <div class="buttomItem">
-                <div class="buttomName">工具箱</div>
-            </div>
-            <div class="buttomItem" @click="openUserEdit">
-                <div class="buttomName">设置</div>
             </div>
+        </Popover>
+        <div class="buttomItem">
+            <div class="buttomName">截图</div>
+        </div>
+        <div class="buttomItem">
+            <div class="buttomName">录像</div>
+        </div>
+        <div class="buttomItem">
+            <div class="buttomName">3D缩放</div>
+        </div>
+        <div class="buttomItem">
+            <div class="buttomName">设备标记</div>
         </div>
+        <div class="buttomItem">
+            <div class="buttomName">工具箱</div>
+        </div>
+        <div class="buttomItem" @click="openUserEdit">
+            <div class="buttomName">设置</div>
+        </div>
+    </div>
 </template>
 
 <script setup lang='ts'>
 import userEdit from '@/views/page/aside/rightMenuItem/userEdit.vue'
 import { ref } from 'vue';
-
+import { Popover } from 'ant-design-vue';
+import { useStore } from '@/store/index';
 const visible = ref(false)
-function openUserEdit(){  
+function openUserEdit() {
     visible.value = !visible.value
-}import { Popover } from 'ant-design-vue';
-import { useStore } from '@/store/index';
+}
 let piniaStore = useStore();
 function addLabelFn(str: string) {
     piniaStore.updateIsAddLabel({ labelType: str, isAddLabel: true })
@@ -49,57 +50,65 @@ function addLabelFn(str: string) {
 </script>
 
 <style scoped lang='less'>
-   .buttomList {
-        position: absolute;
-        right: 1%;
-        top: 15%;
-        width: 80px;
-    }
-
-    @keyframes rounte {
-        from {
-            transform: rotate(0deg);
-        }
+.buttomList {
+    position: absolute;
+    right: 1%;
+    top: 15%;
+    width: 80px;
+}
 
-        to {
-            transform: rotate(360deg);
-        }
+@keyframes rounte {
+    from {
+        transform: rotate(0deg);
     }
 
-    .buttomItem {
-        position: relative;
-        width: 80px;
-        height: 80px;
+    to {
+        transform: rotate(360deg);
     }
+}
 
-    .buttomItem::before {
-        content: '';
-        background: url(@/assets/images/buttonBG01.png);
-        background-size: 100% 100%;
-        position: absolute;
-        animation: rounte 5s linear infinite;
-        top: 5%;
-        bottom: 5%;
-        left: 5%;
-        right: 5%;
-        z-index: 1;
-    }
+.buttomItem {
+    position: relative;
+    width: 80px;
+    height: 80px;
+}
 
-    .buttomItem:hover::before {
-        background: url(@/assets/images/buttonBG02.png);
-        background-size: 100% 100%;
-    }
+.buttomItem::before {
+    content: '';
+    background: url(@/assets/images/buttonBG01.png);
+    background-size: 100% 100%;
+    position: absolute;
+    animation: rounte 5s linear infinite;
+    top: 5%;
+    bottom: 5%;
+    left: 5%;
+    right: 5%;
+    z-index: 1;
+}
+
+.buttomItem:hover::before {
+    background: url(@/assets/images/buttonBG02.png);
+    background-size: 100% 100%;
+}
+
+.buttomName {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+    color: #fff;
+    line-height: 3vw;
+    width: 100%;
+    z-index: 2;
+    font-size: 0.8em;
+}
+ul{
+    padding: 0;
+    margin: 0;
+    p:last-child{
+    margin: 0;
+}
+}
 
-    .buttomName {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        text-align: center;
-        color: #fff;
-        line-height: 3vw;
-        width: 100%;
-        z-index: 2;
-        font-size: 0.8em;
-    }
 </style>