fix: message card content overflow

Lsnsh · Lsnsh · commit 45389f5fd124 · 2018-12-01T00:31:08.000+08:00
diff --git a/src/pages/message/components/message-item.wxml b/src/pages/message/components/message-item.wxml
@@ -5,7 +5,7 @@
       <image class="w-p100 h-p100 rounded-p50" src="{{data.author.avatar_url}}" />
     </navigator>
     <view 
-      class="message-header-content v w-p100"
+      class="message-header-content v"
       hover-class="message-header-content-hover"
       bindtap="fnTapMessageItem"
     >
diff --git a/src/pages/message/components/message-item.wxss b/src/pages/message/components/message-item.wxss
@@ -14,6 +14,7 @@
   height: 100rpx;
 }
 .message-header-content {
+  width: calc(100% - 120rpx);
   margin-left: 120rpx;
   z-index: 2;
 }
diff --git a/src/pages/message/message.wxss b/src/pages/message/message.wxss
@@ -2,6 +2,7 @@
   padding: 20rpx;
 }
 .message-list {
+  overflow: hidden;
   border-radius: 8rpx;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`<image class="w-p100 h-p100 rounded-p50" src="{{data.author.avatar_url}}" />`
`6`	`6`	`</navigator>`
`7`	`7`	`<view`
`8`		`- class="message-header-content v w-p100"`
	`8`	`+ class="message-header-content v"`
`9`	`9`	`hover-class="message-header-content-hover"`
`10`	`10`	`bindtap="fnTapMessageItem"`
`11`	`11`	`>`