+
+
+
+
-
@@ -341,97 +252,99 @@ const handleResets = (type) => {
}
.bottom {
- flex: 1;
- gap: 20px;
-
- .title {
- font-size: 16px;
- font-weight: bold;
- margin-bottom: 10px;
- user-select: none;
- }
+ height: calc(100% - 120px);
+ display: flex;
+ gap: 12px;
.left {
- display: flex;
- flex-direction: column;
- position: relative;
-
- .coordinate-system {
- flex: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- background-color: #FFF;
- background-image: url('@/assets/images/arm.png');
- background-size: contain;
- background-position: center;
- background-repeat: no-repeat;
-
- .control-buttons {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
-
- .pos-btn {
- position: absolute;
- width: 40px;
- height: 40px;
- background: #4076ff;
- color: white;
- border: none;
- cursor: pointer;
- font-size: 16px;
- border-radius: 4px;
- display: flex;
- align-items: center;
- justify-content: center;
- transform: translate(-50%, -50%); /* 按钮中心对齐坐标 */
- }
- }
- }
+ flex: 2;
+ height: 100%;
}
.right {
- .input-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
+ flex: 1;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
- .input-item {
+ .top {
+ flex: 1;
+ border: 1px solid #e4e7ed;
+ padding: 0 8px;
+ overflow: hidden;
+
+ .container-title {
+ font-size: 16px;
+ text-align: center;
+ }
+
+ .secondary-title {
display: flex;
- align-items: center;
- justify-content: space-between;
+ justify-content: space-around;
+ padding: 10px;
+ margin-bottom: 10px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ }
- span {
- width: 80px;
- user-select: none;
- }
-
- .el-input-number {
- width: calc(100% - 90px);
- }
+ .jointControl-container {
+ display: flex;
+ gap: 10px;
+ height: calc(100% - 75px);
+ overflow: auto;
}
}
- }
- }
- .footer {
- height: 50px;
+ .bottom {
+ flex: 1;
- .time {
- font-size: 14px;
- }
+ .card {
+ border: 1px solid #e4e7ed;
+ border-radius: 8px;
+ padding: 10px;
+ margin-bottom: 10px;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
- .speed {
- gap: 10px;
+ .coordinate-system {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ background-color: #fff;
+ background-image: url("@/assets/images/arm.png");
+ background-size: contain;
+ background-position: center;
+ background-repeat: no-repeat;
- span {
- user-select: none;
+ .control-buttons {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+
+ .pos-btn {
+ position: absolute;
+ width: 40px;
+ height: 40px;
+ background: #4076ff;
+ color: white;
+ border: none;
+ cursor: pointer;
+ font-size: 16px;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transform: translate(-50%, -50%); /* 按钮中心对齐坐标 */
+ }
+ }
+ }
+ }
}
}
}
}
-
\ No newline at end of file
+