From 4ff3eee77b41466d08117970970d01be6e48ffe1 Mon Sep 17 00:00:00 2001
From: zhongrj <646384940@qq.com>
Date: Fri, 28 Mar 2025 19:02:30 +0800
Subject: [PATCH] Merge branch 'master' of http://139.196.74.78:10010/r/drone/pilot-h5
---
src/views/components/comPass.vue | 52 +++++++++++++++++++++++++++-------------------------
1 files changed, 27 insertions(+), 25 deletions(-)
diff --git a/src/views/components/comPass.vue b/src/views/components/comPass.vue
index 3c52a77..ac1771d 100644
--- a/src/views/components/comPass.vue
+++ b/src/views/components/comPass.vue
@@ -155,24 +155,25 @@
position: relative;
color: #1fa3f6;
background-color: rgba(0, 0, 0, 0.5);
- // img {
- // height: 100px;
- // }
+ img {
+ height: 50px;
+ }
}
.left-img-new {
&::before {
content: var(--before-content);
position: absolute;
top: -1rem;
+ left: -0.5rem;
font-size: 10px;
font-family: none;
}
.scale {
position: absolute;
- width: 0.6rem;
- height: 0.6rem;
+ width: 0.3rem;
+ height: 0.3rem;
background-color: #1fa3f6;
- left: -0.9rem;
+ left: -0.5rem;
&::before {
content: '';
@@ -180,10 +181,10 @@
width: 0;
height: 0;
top: 0rem;
- left: 0.6rem;
- border-top: solid 5px transparent;
- border-left: solid 5px #1fa3f6;
- border-bottom: solid 5px transparent;
+ left: 0.3rem;
+ border-top: solid 0.18rem transparent;
+ border-left: solid 0.18rem #1fa3f6;
+ border-bottom: solid 0.18rem transparent;
}
}
}
@@ -192,27 +193,28 @@
content: var(--right-content);
position: absolute;
top: -1rem;
+ left: -0.3rem;
font-size: 10px;
font-family: none;
}
.arrow-box {
position: absolute;
bottom: 0;
- left: 1.1rem;
+ left: 0.6rem;
.arrow {
position: relative;
- width: 0.6rem;
- height: 0.6rem;
+ width: 0.3rem;
+ height: 0.3rem;
background-color: #1fa3f6;
&::before {
content: '';
position: absolute;
- left: -0.6rem;
+ right: 0.3rem;
top: 0;
- border: 5px solid transparent {
- right: solid 5px #1fa3f6;
+ border: 0.18rem solid transparent {
+ right: solid 0.18rem #1fa3f6;
}
}
}
@@ -334,11 +336,11 @@
position: relative;
.compass-box {
margin: 0 0.6rem;
- width: 8rem;
- height: 8rem;
+ width: 5rem;
+ height: 5rem;
border-radius: 50%;
position: relative;
- border: 30px solid rgba($color: #323931, $alpha: 0.5);
+ border: 24px solid rgba($color: #323931, $alpha: 0.5);
box-shadow: 0 2px 12px 0 #158aff;
user-select: none;
// top: 15px;
@@ -346,8 +348,8 @@
.scale {
width: calc(100% + 68px);
position: absolute;
- top: calc(50% - 15px);
- left: -37px;
+ top: calc(50% - 10px);
+ left: -34px;
padding-left: 12px;
font-weight: bold;
color: #c1c3c4;
@@ -357,11 +359,11 @@
-moz-transform: rotate(var(--rotate));
-webkit-transform: rotate(var(--rotate));
-o-transform: rotate(var(--rotate));
-
+ font-size: 12px;
&:nth-child(3n - 2) {
color: #fff;
// font-weight: bolder;
- font-size: 20px;
+ font-size: 14px;
}
// @for $i from 1 through 12 {
@@ -454,8 +456,8 @@
}
.center-show {
- width: 30px;
- height: 40px;
+ width: 1rem;
+ height: 1.4rem;
position: absolute;
left: 50%;
top: 50%;
--
Gitblit v1.9.3