refactor(Design): 重构选择题组件布局和样式

-调整单选和多选题目的布局结构，优化视觉效果
- 改进"其他"选项的输入框样式，增加textarea替代input
- 优化输入框样式，禁止文本选择和调整大小

src/views/Design/components/Questions/Choice.vue

@@ -27,6 +27,7 @@
             handle=".moverQues"
           >
             <template #item="{ element: it, index: itIndex }">
+              <div class="flex" style="flex-wrap: wrap; width: 100%">
                 <van-radio
                   :key="itIndex"
                   :name="it.option_index"
@@ -49,16 +50,12 @@
                             </div>
                           </template>
                         </contenteditable>
-                      <input
-                        class="other-input"
-                        type="text"
-                        v-if="it.is_other"
-                        style="width: 100%"
-                      />
                       </div>
                     </div>
                   </template>
                 </van-radio>
+                <textarea class="other-input" type="text" v-if="it.is_other" style="width: 100%" />
+              </div>
             </template>
           </option-action>
         </van-radio-group>
@@ -71,6 +68,7 @@
             :question="element"
           >
             <template #item="{ element: it, index: itIndex }">
+              <div class="flex" style="flex-wrap: wrap; width: 100%">
                 <van-checkbox
                   :key="itIndex"
                   :name="it.option_index"
@@ -92,16 +90,12 @@
                             </div>
                           </template>
                         </contenteditable>
-                      <input
-                        class="other-input"
-                        type="text"
-                        v-if="it.is_other"
-                        style="width: 100%"
-                      />
                       </div>
                     </div>
                   </template>
                 </van-checkbox>
+                <textarea class="other-input" type="text" v-if="it.is_other" style="width: 100%" />
+              </div>
             </template>
           </option-action>
         </van-checkbox-group>
@@ -173,12 +167,17 @@ const emitValue = () => {
 
   & .other-input {
     width: 100%;
-    height: 20px;
+    height: 89px;
+    background: #ffffff;
     padding: 3px 5px;
-    margin-top: 10px;
     border: 1px solid #ccc;
-    border-radius: 5px;
+    border-radius: 8px;
     outline: none;
+    //  禁止拖动
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    //textarea禁止扩大
+    resize: none;
   }
 }
 </style>