fix:修复了描述超出长度的问题 (#63)

* fix:修复了换行不显示的问题 * fix:修复了描述超出长度的问题
zjutjh · Sep 3, 2024 · d4ded37 · d4ded37
1 parent bef7cad
commit d4ded37
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/pages/View/checkbox.vue b/src/pages/View/checkbox.vue
@@ -7,7 +7,7 @@
           <span class="lg:text-xl md:text-md flex gap-5 items-center" >{{ props.title }} <el-tag type="primary" class="ml-5">多选</el-tag> <el-tag type="warning" v-if="!required">选答</el-tag> <el-tag type="danger" v-if="localUnique">唯一</el-tag></span>
         </div>
         <div class="flex items-center mt-15 ml-10">
-          <pre  class="text-sm text-gray-500">{{ props.describe }}</pre>
+          <pre  class="text-sm text-gray-500 break-all">{{ props.describe }}</pre>
         </div>
       </div>
       <div class="flex-col justify-center items-center">

diff --git a/src/pages/View/fill.vue b/src/pages/View/fill.vue
@@ -12,7 +12,7 @@
           </span>
         </div>
         <div class="flex items-center mt-15 ml-10">
-          <pre class="text-sm text-gray-500">{{ describe }}</pre>
+          <pre class="text-sm text-gray-500 break-all">{{ describe }}</pre>
         </div>
       </div>
       <div class="flex-col justify-center items-center"></div>

diff --git a/src/pages/View/radio.vue b/src/pages/View/radio.vue
@@ -7,7 +7,7 @@
           <span class="lg:text-xl md:text-md flex gap-5 items-center" >{{ props.title }} <el-tag type="primary" class="ml-5">单选</el-tag> <el-tag type="warning" v-if="!required">选答</el-tag> <el-tag type="danger" v-if="localUnique">唯一</el-tag></span>
         </div>
         <div class="flex items-center mt-15 ml-10">
-          <pre class="text-sm text-gray-500">{{ props.describe }}</pre>
+          <pre class="text-sm text-gray-500 break-all">{{ props.describe }}</pre>
         </div>
       </div>
       <div class="flex-col justify-center items-center">

diff --git a/src/pages/View/textArea.vue b/src/pages/View/textArea.vue
@@ -12,7 +12,7 @@
           </span>
         </div>
         <div class="flex items-center mt-15 ml-10">
-          <pre class="text-sm text-gray-500">{{ describe }}</pre>
+          <pre class="text-sm text-gray-500 break-all">{{ describe }}</pre>
         </div>
       </div>
       <div class="flex-col justify-center items-center"></div>

diff --git a/src/pages/View/view.vue b/src/pages/View/view.vue
@@ -12,7 +12,7 @@
                 <div class="flex gap-20 my-10 justify-center"><span class="text-4xl break-all px-50">{{ formData.title }}</span></div>
               <div class="items-top my-10 items-start mx-20" v-if="formData.desc !== ''">
                 <div class="items-top my-10 items-start ">
-                  <pre class="text-gray-500 flex break-all text-xl" >{{ formData.desc }}</pre>
+                  <pre class="text-gray-500 flex break-all text-xl " >{{ formData.desc }}</pre>
                 </div>
               </div>
             </div>