高度问题

src/views/IM/chain-history/detail.vue

@@ -72,7 +72,7 @@ export default {
   // 挂载到Dom完成时
   mounted() {
     console.log('@@@@@@@@ in 挂载到Dom完成时 GJY');
-    commonUtil.resizeHeight(92);
+    commonUtil.resizeHeight();
     this.getData();
     
   },
@@ -160,8 +160,8 @@ export default {
 <style lang="scss" scoped>
 .chain-history-detail {
   .component-content {
-    margin-top: 80px;
-    padding: 24px 32px;
+		margin: 80px 20px 0 20px;
+		padding: 10px 0px 0 20px;
     background: #fff;
     overflow: auto;
     .title {

src/views/IM/search-message/detail.vue

@@ -3,58 +3,58 @@
   <div class="search-msg-detail">
     <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :jumPathThird="jumPathThird"></bread-crumb>
     <div class="detail-content">
-		<div id="scroll-set">
-			<div class="item-content" v-for="(item, index) in detailData" :key="index">
-				<div class="split-line" v-if="item.sessionFlag">本次会话结束</div>
-				<div v-if="item.content.bizType != -1" class="msg-container" :class="{'has-line': !item.sessionFlag}">
-					<div class="msg-item-img">
-						<img v-if="item.fromAccId == picakfAccId" src="../../../assets/image/IM/kf-avatar.png" alt />
-						<img v-else :src="userAvatar" />
-					</div>
-					<div class="msg-content">
-						<div class="info">
-							<span v-if="item.fromAccId == picakfAccId">客服</span>
-							<span v-else>{{userName}}</span>
-							<span class="mid-time">{{item.timestamp}}</span>	
-						</div>
-						<div v-if="item.type == 'TEXT'" class="text-content">
-							<div>{{item.content}}</div>
+			<div id="scroll-set">
+				<div class="item-content" v-for="(item, index) in detailData" :key="index">
+					<div class="split-line" v-if="item.sessionFlag">本次会话结束</div>
+					<div v-if="item.content.bizType != -1" class="msg-container" :class="{'has-line': !item.sessionFlag}">
+						<div class="msg-item-img">
+							<img v-if="item.fromAccId == picakfAccId" src="../../../assets/image/IM/kf-avatar.png" alt />
+							<img v-else :src="userAvatar" />
 						</div>
-						<div v-if="item.type == 'PICTURE'" class="img-content" v-viewer>
-							<!-- <img :src="item.content.url" /> -->
-							<div class="img-box">
-								<img :src="item.content.url" :style="{width: item.newW + 'px', height: item.newH + 'px'}"/>
+						<div class="msg-content">
+							<div class="info">
+								<span v-if="item.fromAccId == picakfAccId">客服</span>
+								<span v-else>{{userName}}</span>
+								<span class="mid-time">{{item.timestamp}}</span>	
 							</div>
-							<!-- <img-size
-							:imgUrl="item.content.url"
-							:imgData="item" 
-							:index="index" 
-							@imgHandle="imgHandle"></img-size> -->
-						</div>
-						<div v-if="item.type == 'CUSTOM'">
-							<div v-if="item.content.bizType == 18" class="file-content">
-								<div class="file-con" @click="downPDF(item.content.url)">
-									<div class="file-left">
-										<span class="name">{{item.content.name | shortName(23)}}</span>
-										<span class="size">{{fileSizeChange(item.content.size)}}</span>
-									</div>
-									<div class="file-right">
-										<img src="../../../assets/image/IM/icon-pdf.png" alt />
-									</div>
-								</div>
+							<div v-if="item.type == 'TEXT'" class="text-content">
+								<div>{{item.content}}</div>
 							</div>
-							<div v-if="item.content.bizType == 19" class="link-content">
-								<div>{{item.content.content}}<span class="link-text">{{item.content.suffix}}</span></div>
+							<div v-if="item.type == 'PICTURE'" class="img-content" v-viewer>
+								<!-- <img :src="item.content.url" /> -->
+								<div class="img-box">
+									<img :src="item.content.url" :style="{width: item.newW + 'px', height: item.newH + 'px'}"/>
+								</div>
+								<!-- <img-size
+								:imgUrl="item.content.url"
+								:imgData="item" 
+								:index="index" 
+								@imgHandle="imgHandle"></img-size> -->
 							</div>
-							<div v-if="item.content.bizType != -1 && item.content.bizType != 19 && item.content.bizType != 18" class="text-content pc-no-support">
-								<img src="../../../assets/image/IM/icon-warning-circle.png" alt />
-								<span>该消息类型PC端暂不支持</span>
+							<div v-if="item.type == 'CUSTOM'">
+								<div v-if="item.content.bizType == 18" class="file-content">
+									<div class="file-con" @click="downPDF(item.content.url)">
+										<div class="file-left">
+											<span class="name">{{item.content.name | shortName(23)}}</span>
+											<span class="size">{{fileSizeChange(item.content.size)}}</span>
+										</div>
+										<div class="file-right">
+											<img src="../../../assets/image/IM/icon-pdf.png" alt />
+										</div>
+									</div>
+								</div>
+								<div v-if="item.content.bizType == 19" class="link-content">
+									<div>{{item.content.content}}<span class="link-text">{{item.content.suffix}}</span></div>
+								</div>
+								<div v-if="item.content.bizType != -1 && item.content.bizType != 19 && item.content.bizType != 18" class="text-content pc-no-support">
+									<img src="../../../assets/image/IM/icon-warning-circle.png" alt />
+									<span>该消息类型PC端暂不支持</span>
+								</div>
 							</div>
 						</div>
 					</div>
 				</div>
-			</div>
-		</div>	
+			</div>	
     </div>
   </div>
 </template>