diff --git a/pakageInfo/pages/article/detail/index.js b/pakageInfo/pages/article/detail/index.js
index 451373b..8adc3f6 100644
--- a/pakageInfo/pages/article/detail/index.js
+++ b/pakageInfo/pages/article/detail/index.js
@@ -314,10 +314,16 @@ Page({
     context.stroke()
 
     //绘制内容标题
+    var textTitle=''
+    if(this.data.momentDetail.title.length>14){
+       textTitle=this.data.momentDetail.title.slice(0, 14)+'...'
+    }else{
+      textTitle=this.data.momentDetail.title
+    }
     context.setFontSize(18);
     context.setFillStyle('#000000');
     context.setTextAlign('center');
-    context.fillText(this.data.momentDetail.title, 170, 152);
+    context.fillText(textTitle, 160, 152);
     context.stroke()
 
     //绘制内容
diff --git a/pakageInfo/pages/article/detail/index.wxml b/pakageInfo/pages/article/detail/index.wxml
index 43ece41..c36dd94 100644
--- a/pakageInfo/pages/article/detail/index.wxml
+++ b/pakageInfo/pages/article/detail/index.wxml
@@ -147,7 +147,7 @@
 							<view class="footSmalltext">朋友圈</view>
 						</view>
 					</view> -->
-					<view class="footIcon" style="margin-left:320rpx" bindtap='coloseHb'>
+					<view class="footIcon" style="margin-left:480rpx" bindtap='coloseHb'>
 						<view class="footSmallIconArea">
 							<view class="footSmallIcon">
 								<text class="cuIcon-close" style="font-size:62rpx"></text>