Browse Source

fix:修改记录项布局

lupeng 1 week ago
parent
commit
53994abc58
1 changed files with 4 additions and 4 deletions
  1. 4 4
      src/views/pro-steps/components/jiluxiang.vue

+ 4 - 4
src/views/pro-steps/components/jiluxiang.vue

@@ -112,9 +112,9 @@
               v-for="(item, index) in listData"
               :key="item"
             >
-              <div>
+              <div style="white-space: pre-wrap;overflow-wrap: break-word; ">
                 <div class="titleText">记录项名:</div>
-                <div class="describeText">{{ item.label }}</div>
+                <div class="describeText textarea">{{ item.label }}</div>
               </div>
               <div>
                 <div class="titleText">记录内容:</div>
@@ -126,7 +126,7 @@
           </div>
         </el-scrollbar>
       </div>
-      <div class="right" v-if="listData.length > 0">
+      <div class="right" v-if="listData.length > 0" style="white-space: pre-wrap;overflow-wrap: break-word; ">
         <el-scrollbar>
           <div class="titleText" style="text-align: center">
             {{ listData[showSelectIndex].label }}
@@ -326,7 +326,7 @@ onMounted(() => {
       display: inline-block;
       box-sizing: border-box;
       width: 230px;
-      height: 180px;
+      overflow: hidden;
       background-color: white;
       border-radius: 16px;
       padding: 20px;