Home Explore Help
Sign In
liangyibo
/
CameraMachine
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

style(ui): 调整远程控制和拍照页面的界面样式

- 修改远程控制页面容器高度从358px到450px
- 更新远程控制页面背景尺寸以匹配新高度
- 为重拍按钮添加左边距样式类
- 调整拍照页面右侧内容区域的内边距和高度
- 限制拍照页面右侧内容区域的滚动并添加右边框
- 将步骤区域宽度从426px调整为350px以优化布局
panqiuyao 16 hours ago
parent
3a8ab54c8d
commit
f78b969ee5
4 changed files with 13 additions and 9 deletions
Unified View Show Diff Stats
  1. BIN
      frontend/src/assets/images/Photography/yk.png
  2. 9 5
      frontend/src/views/Photography/shot.vue
  3. 2 2
      frontend/src/views/RemoteControl/index.vue
  4. 2 2
      public/dist/index.html

BIN
frontend/src/assets/images/Photography/yk.png
View File


+ 9 - 5
frontend/src/views/Photography/shot.vue
View File 

@@ -93,7 +93,7 @@
 
                     </template>
 
                     </template>
 
                   </el-dropdown>
 
                   </el-dropdown>
 
 
 
-                  <el-button size="small" :disabled="runLoading || takePictureLoading"  type="primary"  @click="reTakePictureNos(item.goods_art_no,item)" plain v-log="{ describe: { action: '重拍货号', goods_art_no: item.goods_art_no } }">重拍</el-button>
 
+                  <el-button size="small"  class="mar-left-10"  :disabled="runLoading || takePictureLoading"  type="primary"  @click="reTakePictureNos(item.goods_art_no,item)" plain v-log="{ describe: { action: '重拍货号', goods_art_no: item.goods_art_no } }">重拍</el-button>
 
                   <el-button style="color: #FF4C00"  size="small" class="mar-left-10" :disabled="runLoading || takePictureLoading" @click="delGoods({goods_art_nos:[item.goods_art_no]})" v-log="{ describe: { action: '删除货号', goods_art_no: item.goods_art_no } }">删除</el-button>
 
                   <el-button style="color: #FF4C00"  size="small" class="mar-left-10" :disabled="runLoading || takePictureLoading" @click="delGoods({goods_art_nos:[item.goods_art_no]})" v-log="{ describe: { action: '删除货号', goods_art_no: item.goods_art_no } }">删除</el-button>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
@@ -353,9 +353,13 @@ onBeforeUnmount(() => {
 
       right: 0;
 
       right: 0;
 
       bottom: 0;
 
       bottom: 0;
 
       width: 510px;
 
       width: 510px;
 
+      padding: 0 50px;
 
+      height: calc(100vh - 30px);
 
       margin:  auto;
 
       margin:  auto;
 
       justify-content: flex-start;
 
       justify-content: flex-start;
 
       flex-direction: column;
 
       flex-direction: column;
 
+      overflow: hidden;
 
+      border-right:1px solid rgba(0,0,0,.1);
 
 
 
       .step-section {
 
       .step-section {
 
         display: flex;
 
         display: flex;
 
@@ -388,7 +392,7 @@ onBeforeUnmount(() => {
 
       }
 
       }
 
 
 
       .step-one {
 
       .step-one {
 
-        width: 426px;
 
+        width: 350px;
 
         height: auto;
 
         height: auto;
 
         margin: 55px 0 0 5px;
 
         margin: 55px 0 0 5px;
 
 
 
@@ -424,7 +428,7 @@ onBeforeUnmount(() => {
 
         }
 
         }
 
 
 
         .step-content {
 
         .step-content {
 
-          width: 426px;
 
+          width: 350px;
 
 
 
           .input-container {
 
           .input-container {
 
             width: calc(100% - 20px );
 
             width: calc(100% - 20px );
 
@@ -482,12 +486,12 @@ onBeforeUnmount(() => {
 
       }
 
       }
 
 
 
       .step-two {
 
       .step-two {
 
-        width: 426px;
 
+        width: 350px;
 
         height: auto;
 
         height: auto;
 
         margin: 55px 0 0 5px;
 
         margin: 55px 0 0 5px;
 
 
 
         .step-title {
 
         .step-title {
 
-          width: 426px;
 
+          width: 350px;
 
           height: 24px;
 
           height: 24px;
 
           overflow-wrap: break-word;
 
           overflow-wrap: break-word;
 
           color: rgba(0, 0, 0, 0.85);
 
           color: rgba(0, 0, 0, 0.85);

+ 2 - 2
frontend/src/views/RemoteControl/index.vue
View File 

@@ -89,13 +89,13 @@ const oneClickStop = () => {
 
 <style scoped lang="scss">
 
 <style scoped lang="scss">
 
 .remote-control_main-container {
 
 .remote-control_main-container {
 
   background: #EAECED;
 
   background: #EAECED;
 
-  height: 358px;
 
+  height: 450px;
 
   width: 300px;
 
   width: 300px;
 
   margin:  0 auto;
 
   margin:  0 auto;
 
   margin-top: 10px;
 
   margin-top: 10px;
 
   padding-top: 30px;
 
   padding-top: 30px;
 
   background: url(@/assets/images/Photography/yk.png) 0px 0px no-repeat;
 
   background: url(@/assets/images/Photography/yk.png) 0px 0px no-repeat;
 
-  background-size: 300px 358px;
 
+  background-size: 300px 450px;
 
 
 
 }
 
 }
 
 .button {
 
 .button {

+ 2 - 2
public/dist/index.html
View File 

@@ -5,8 +5,8 @@
 
     <link rel="icon" type="image/svg+xml" href="./vite.svg" />

     <link rel="icon" type="image/svg+xml" href="./vite.svg" />

     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

     <title>智惠映AI自动拍照机</title>

     <title>智惠映AI自动拍照机</title>

-    <script type="module" crossorigin src="./assets/index-Car0AaUO.js"></script>
 
-    <link rel="stylesheet" crossorigin href="./assets/index-CiBqPpsy.css">
 
+    <script type="module" crossorigin src="./assets/index-Wh4cJxV0.js"></script>
 
+    <link rel="stylesheet" crossorigin href="./assets/index-B-bS3z-S.css">
 
   </head>

   </head>

   <body>

   <body>

     <div id="app"></div>

     <div id="app"></div>