refactor(css): 优化公共样式和布局

- 新增 .br12 类，用于设置 12 像素的圆角
- 调整 .container 样式，移除多余的注释
- 优化内容编辑区域的样式，使其更加美观
- 统一操作选项弹窗的样式和结构
- 调整矩阵问题和文本带图问题的样式
- 优化选择问题和可拖拽组件的样式- 更新设计页面和创建问卷页面的样式
- 移除未使用的 ElCol 和 ElRow 组件引用
- 新增 VanGrid 和 VanGridItem 组件引用

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

@@ -40,7 +40,9 @@ const emitValue = () => {
 
 <template>
   <van-field
-    v-model="element.stem" :label="element.stem" :required="element.config.is_required === 1"
+    v-model="element.stem"
+    :label="element.stem"
+    :required="element.config.is_required === 1"
     label-align="top"
   >
     <template #left-icon>
@@ -60,7 +62,11 @@ const emitValue = () => {
             <th></th>
             <!-- 第二行内容开始填充 -->
             <td v-for="col in element.options[1]" :key="col.option" ref="columnLabels">
-              <contenteditable v-model="col.option" :active="active" @blur="emitValue"></contenteditable>
+              <contenteditable
+                v-model="col.option"
+                :active="active"
+                @blur="emitValue"
+              ></contenteditable>
             </td>
 
             <th></th>
@@ -70,7 +76,11 @@ const emitValue = () => {
           <tr v-for="row in element.options[0]" :key="row.option">
             <!-- 编辑状态，单次点击出输入框，失焦后关闭 -->
             <td>
-              <contenteditable v-model="row.option" :active="active" @blur="emitValue"></contenteditable>
+              <contenteditable
+                v-model="row.option"
+                :active="active"
+                @blur="emitValue"
+              ></contenteditable>
             </td>
             <td v-for="col in element.options[1]" :key="col.option" class="td-input">
               <!-- 编辑状态，单次点击出输入框，失焦后关闭 -->
@@ -78,7 +88,11 @@ const emitValue = () => {
             </td>
 
             <td v-if="element.config.is_limit_right_content === 1">
-              <contenteditable v-model="row.option_config.limit_right_content" :active="active" @blur="emitValue">
+              <contenteditable
+                v-model="row.option_config.limit_right_content"
+                :active="active"
+                @blur="emitValue"
+              >
               </contenteditable>
             </td>
           </tr>
@@ -137,7 +151,7 @@ input[type='radio'] {
     display: flex;
     justify-content: flex-end;
 
-    &>span {
+    & > span {
       margin-right: 6px;
       font-size: 16px;
     }