npm - vue2-client - Versions diffs - 1.22.3 → 1.22.4 - Mend

vue2-client 1.22.3 → 1.22.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (88) hide show

package/preview-input-box.html DELETED Viewed

@@ -1,180 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<title>输入框整体样式预览</title>
-<style>
-  * { box-sizing: border-box; margin: 0; padding: 0; }
-  body {
-    font-family: 'Source Han Sans', 'Microsoft YaHei', sans-serif;
-    background: #f5f5f5;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    padding: 40px;
-  }
-  .preview-card {
-    width: 782px;
-    background: #fff;
-    border-radius: 8px;
-    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
-    padding: 20px;
-  }
-  .preview-title {
-    font-size: 14px;
-    color: #666;
-    margin-bottom: 16px;
-    text-align: center;
-  }
-  /* 统一整体：只有外层一个边框 */
-  .input-container {
-    width: 100%;
-    height: 249px;
-    border: 1px solid #E5E9F0;
-    border-radius: 6px;
-    background: #FFFFFF;
-    display: flex;
-    flex-direction: column;
-    padding: 12px;
-    box-sizing: border-box;
-  }
-  /* 上部分：输入区域（无边框） */
-  .input-textarea-area {
-    flex: 1 1 auto;
-    min-height: 0;
-    margin-bottom: 12px;
-  }
-  .bottom-input {
-    width: 100%;
-    height: 100%;
-    border: none;
-    padding: 0;
-    font-family: 'Source Han Sans', 'Microsoft YaHei', sans-serif;
-    font-size: 16px;
-    color: #313131;
-    resize: none;
-    outline: none;
-    background: transparent;
-    line-height: 1.6;
-  }
-  .bottom-input::placeholder {
-    color: #999;
-  }
-  /* 下部分：按钮区域 */
-  .input-controls {
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding-top: 8px;
-    border-top: 1px solid #f0f0f0;
-  }
-  .input-controls-left {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-  .upload-btn {
-    width: 173px;
-    height: 32px;
-    border-radius: 6px;
-    background: #FFFFFF;
-    border: 1px solid #9499A0;
-    color: #313131;
-    font-family: Source Han Sans;
-    font-size: 16px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 6px;
-    cursor: pointer;
-  }
-  .upload-icon {
-    font-size: 18px;
-    color: #94979E;
-  }
-  .input-controls-right {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-  .enter-tip {
-    font-size: 14px;
-    color: #9E9E9E;
-    padding: 4px 8px;
-  }
-  .send-btn {
-    width: 30px;
-    height: 30px;
-    background: #0057FE;
-    border: none;
-    border-radius: 50%;
-    color: #fff;
-    font-size: 14px;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .send-icon {
-    font-weight: bold;
-  }
-  /* 标注说明 */
-  .annotation {
-    margin-top: 20px;
-    padding: 12px;
-    background: #f0f7ff;
-    border-left: 3px solid #0057FE;
-    border-radius: 4px;
-    font-size: 13px;
-    color: #333;
-    line-height: 1.8;
-  }
-  .annotation strong {
-    color: #0057FE;
-  }
-</style>
-</head>
-<body>
-  <div class="preview-card">
-    <div class="preview-title">样式预览：统一整体输入框</div>
-    <!-- 整体只有一个外部边框 -->
-    <div class="input-container">
-      <!-- 上部分：输入区域（无边框） -->
-      <div class="input-textarea-area">
-        <textarea class="bottom-input" placeholder="医生补充信息或提问..."></textarea>
-      </div>
-      <!-- 下部分：按钮区域 -->
-      <div class="input-controls">
-        <div class="input-controls-left">
-          <button class="upload-btn">
-            <span class="upload-icon">+</span>
-            <span>上传（报告、图片）</span>
-          </button>
-        </div>
-        <div class="input-controls-right">
-          <span class="enter-tip">Enter</span>
-          <button class="send-btn">
-            <span class="send-icon">↑</span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div class="annotation">
-      <strong>设计说明：</strong><br>
-      1. 整个输入框组件只有一个外部边框（蓝色框线）<br>
-      2. 上部分是输入区域，<strong>无边框</strong>，直接填充在整体内部<br>
-      3. 下部分是按钮区域，包含上传按钮和发送按钮<br>
-      4. 输入区域和按钮区域在同一个带边框的容器内，视觉上是一个整体
-    </div>
-  </div>
-</body>
-</html>