5.8

pengwei

2025-05-08 b281791abab23d672922b7e9b7d1b51e348ed710

 项目代码/伸缩杆/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);
      }
    }
  }
}