From b281791abab23d672922b7e9b7d1b51e348ed710 Mon Sep 17 00:00:00 2001
From: pengwei <2071057782@qq.com>
Date: 星期四, 08 五月 2025 14:30:32 +0800
Subject: [PATCH] 5.8
---
项目代码/伸缩杆/client/src/views/tts/PickAndDrop/Manualcontrol.vue | 92 ++++++++++++++++++++++++++++++++++++++++------
1 files changed, 80 insertions(+), 12 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/tts/PickAndDrop/Manualcontrol.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/tts/PickAndDrop/Manualcontrol.vue"
index e9e9859..8470231 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/tts/PickAndDrop/Manualcontrol.vue"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/tts/PickAndDrop/Manualcontrol.vue"
@@ -97,6 +97,14 @@
</div>
</div>
</div>
+ <div style="display: flex; flex-direction: column; align-items: center">
+ <div class="video_l">
+ <span style="color: #fff; font-size: 1.25rem; font-weight: bold"
+ >瑙嗛鐩戞帶宸︿晶</span
+ >
+ <img src="@/assets/imgs/right.png" alt="" />
+ </div>
+ </div>
</div>
<div class="content_r">
<div class="model">
@@ -179,6 +187,14 @@
<div class="pulse2"></div>
<div class="pulse3"></div>
</div>
+ </div>
+ </div>
+ <div style="display: flex; flex-direction: column; align-items: center">
+ <div class="video_r">
+ <span style="color: #fff; font-size: 1.25rem; font-weight: bold"
+ >瑙嗛鐩戞帶鍙充晶</span
+ >
+ <img src="@/assets/imgs/left.png" alt="" />
</div>
</div>
</div>
@@ -270,6 +286,14 @@
</div>
</div>
</div>
+ <div style="display: flex; flex-direction: column; align-items: center">
+ <div class="video_l">
+ <span style="color: #fff; font-size: 1.25rem; font-weight: bold"
+ >瑙嗛鐩戞帶宸︿晶</span
+ >
+ <img src="@/assets/imgs/right.png" alt="" />
+ </div>
+ </div>
</div>
<div class="content_r">
<div class="model">
@@ -355,6 +379,14 @@
<div class="pulse2"></div>
<div class="pulse3"></div>
</div>
+ </div>
+ </div>
+ <div style="display: flex; flex-direction: column; align-items: center">
+ <div class="video_r">
+ <span style="color: #fff; font-size: 1.25rem; font-weight: bold"
+ >瑙嗛鐩戞帶鍙充晶</span
+ >
+ <img src="@/assets/imgs/left.png" alt="" />
</div>
</div>
</div>
@@ -509,9 +541,9 @@
.content {
display: flex;
-
.content_l {
display: flex;
+ flex-direction: column;
justify-content: space-between;
width: 50%;
height: 45rem;
@@ -521,13 +553,10 @@
border: 0.06rem solid rgba(6, 229, 231, 1);
padding: 0.88rem 0.88rem;
box-sizing: border-box;
-
.model {
display: flex;
-
.model_btn {
display: flex;
-
.btnicon {
display: flex;
justify-content: center;
@@ -546,13 +575,13 @@
.operate {
display: flex;
flex-direction: column;
-
+ align-items: flex-end;
.item {
display: flex;
flex-direction: column;
justify-content: center;
width: 8.75rem;
- height: 4.19rem;
+ height: 3.19rem;
border-radius: 0.31rem;
background: linear-gradient(
90deg,
@@ -654,11 +683,23 @@
}
}
}
+ .video_l {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 80%;
+ border: 0.25rem solid rgba(255, 255, 255, 0.8);
+ img {
+ width: 6rem;
+ height: 8rem;
+ }
+ }
}
.content_r {
display: flex;
justify-content: space-between;
+ flex-direction: column;
width: 50%;
height: 45rem;
background-color: rgba(9, 48, 104, 1);
@@ -692,15 +733,16 @@
.operate {
display: flex;
+ align-items: flex-end;
flex-direction: column;
- padding: 0.88rem 0.88rem;
+ padding: 0.58rem 0.58rem;
.item {
display: flex;
flex-direction: column;
justify-content: center;
width: 8.75rem;
- height: 4.19rem;
+ height: 3.19rem;
border-radius: 0.31rem;
background: linear-gradient(
90deg,
@@ -802,6 +844,17 @@
}
}
}
+ .video_r {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 80%;
+ border: 0.25rem solid rgba(255, 255, 255, 0.8);
+ img {
+ width: 6rem;
+ height: 8rem;
+ }
+ }
}
}
@@ -811,9 +864,9 @@
.content_l {
display: flex;
+ flex-direction: column;
justify-content: space-between;
width: 100%;
- height: 45rem;
background-color: rgba(9, 48, 104, 1);
color: rgba(16, 16, 16, 1);
box-shadow: 0rem 0.13rem 0.38rem 0rem rgba(6, 229, 231, 1);
@@ -845,7 +898,8 @@
.operate {
display: flex;
flex-direction: column;
-
+ align-items: flex-end;
+ padding: 0.58rem 0.58rem;
.item {
display: flex;
flex-direction: column;
@@ -953,13 +1007,20 @@
}
}
}
+ .video_l {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 70rem;
+ border: 0.75rem solid rgba(255, 255, 255, 0.8);
+ }
}
.content_r {
display: flex;
+ flex-direction: column;
justify-content: space-between;
width: 100%;
- height: 45rem;
background-color: rgba(9, 48, 104, 1);
color: rgba(16, 16, 16, 1);
box-shadow: 0rem 0.13rem 0.38rem 0rem rgba(6, 229, 231, 1);
@@ -993,7 +1054,7 @@
display: flex;
flex-direction: column;
padding: 0.88rem 0.88rem;
-
+ align-items: flex-end;
.item {
display: flex;
flex-direction: column;
@@ -1101,6 +1162,13 @@
}
}
}
+ .video_r {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 70rem;
+ border: 0.75rem solid rgba(255, 255, 255, 0.8);
+ }
}
}
}
--
Gitblit v1.9.3