fix(工具箱/新窗口中打开): 优化界面布局

src/views/ToolboxView/Other/OpenNewWindow.vue

@@ -6,37 +6,36 @@
       <n-form
         class="form-no-feedback config-inputs"
         label-align="left"
-        label-placement="left"
+        label-placement="top"
         label-width="auto"
       >
 
-        <n-form-item label="目标链接：">
+        <n-form-item label="目标链接">
           <n-input
             v-model:value="data.url"
-            placeholder="请输入需要打开的 URL，需要包含协议部分（https://）"
+            placeholder="请输入 URL，需要包含协议部分（https://）"
             type="text"
           ></n-input>
         </n-form-item>
 
-        <n-form-item label="窗口大小：">
+        <n-form-item label="窗口宽度">
-          <n-flex align="center">
+          <n-input-number
-            <span>宽度</span>
+            v-model:value="data.width"
-            <n-input-number
+            :min="0"
-              v-model:value="data.width"
+            :max="9999999"
-              :min="0"
+            :precision="0"
-              :max="9999999"
+            :step="1"
-              :precision="0"
+          ></n-input-number>
-              :step="1"
+        </n-form-item>
-            ></n-input-number>
+
-            <span>高度</span>
+        <n-form-item label="窗口高度">
-            <n-input-number
+          <n-input-number
-              v-model:value="data.height"
+            v-model:value="data.height"
-              :min="0"
+            :min="0"
-              :max="9999999"
+            :max="9999999"
-              :precision="0"
+            :precision="0"
-              :step="1"
+            :step="1"
-            ></n-input-number>
+          ></n-input-number>
-          </n-flex>
         </n-form-item>
 
       </n-form>
@@ -44,12 +43,10 @@
 
     <!-- 操作 -->
     <n-card size="small" title="操作">
-      <n-flex>
+      <n-button
-        <n-button
+        type="primary"
-          type="primary"
+        @click="openWindow"
-          @click="openWindow"
+      >打开窗口</n-button>
-        >打开窗口</n-button>
-      </n-flex>
     </n-card>
 
   </div>
@@ -86,18 +83,7 @@ function openWindow() {
 </script>
 
 <style lang="less" scoped>
-.config-inputs {
+.config-inputs .n-form-item {
-  .n-input-number {
+  max-width: 480px;
-    flex-grow: 1;
-    width: 0;
-  }
-
-  .n-flex {
-    width: 100%;
-  }
-
-  :deep(.n-form-item-blank) {
-    max-width: 480px;
-  }
 }
 </style>