1

src/views/system/xbmessage/index.vue

@@ -291,8 +291,8 @@
       </div>
 
       <!-- 顶部左右布局：左输入，右通用文案（可多输入框） -->
-      <div style="display:flex; gap:12px; align-items:flex-start; margin: 10px 0;">
-        <div style="flex:1; min-width: 360px;">
+      <div class="quick-link-top-row">
+        <div class="quick-link-col">
           <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:6px;">
             <span style="font-weight:600;">输入内容</span>
             <div>
@@ -302,7 +302,7 @@
           <el-input type="textarea" :rows="6" v-model="quickLinkInput" placeholder="示例 https://u.jd.com/... 或商品关键词" />
         </div>
 
-        <div style="flex:1; min-width: 360px;">
+        <div class="quick-link-col">
           <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:6px;">
             <span style="font-weight:600;">通用文案</span>
             <div style="display:flex; gap:6px; align-items:center;">
@@ -2128,6 +2128,22 @@ export default {
   padding: 20px;
 }
 
+/* 强制左右两栏布局 */
+.quick-link-top-row {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+  margin: 10px 0;
+  /* 防止换行，若宽度不足，允许横向滚动 */
+  white-space: nowrap;
+  overflow-x: auto;
+}
+.quick-link-col {
+  flex: 1 0 0;
+  min-width: 480px; /* 两栏最小宽度，屏幕窄时出现横向滚动 */
+  white-space: normal; /* 内部文本正常换行 */
+}
+
 .quick-link-dialog .el-dialog {
   margin: 5vh auto !important;
 }