edit

pages/dream/view/vodComment.vue

@@ -23,8 +23,9 @@
 			@tap="start"></cover-image>
 			
 		</view>
-		<view class="living-tabs">
-		  <view class="cur">{{item.name}}</view>
+		<view class='msgs-tabs'>
+		  <view class='tit'>{{item.name}}</view>
+		  <view class='num'>全部评论（100）</view>
 		</view>
 		<view class="living">
 		  <scroll-view class="message" bindscrolltolower="loadmore" scroll-y>
@@ -124,14 +125,12 @@ export default {
   height: 422rpx;
 }
 .living{
-  margin-bottom:50rpx;
-  
+  margin-bottom:50rpx;
 }
 .living-tabs{
   display: flex;
   justify-content: center;
-  margin-bottom: 36rpx;
-  float: left;
+  margin-bottom: 36rpx;
 }
 .living-tabs>view{
   font-size: 30rpx;
@@ -139,9 +138,7 @@ export default {
   margin: 0 26rpx;
 }
 .living-tabs>view.cur{
-  border-left: 10rpx solid #000;
-  padding-left: 20rpx;
-  margin-left: 16rpx;
+  border-bottom: 6rpx solid #000;
 }
 .living .send{
   border-bottom: solid 2rpx #f0f0f0;
@@ -170,13 +167,10 @@ export default {
 .living .message{
   height:320rpx;
   padding:15rpx 0 110rpx;
-  border-bottom: solid 2rpx #f0f0f0;
-  border-top: 2rpx solid #bababa;
-  margin-top: -32rpx;
+  border-bottom: solid 2rpx #f0f0f0;
 }
 .living .message .item{
-  padding:20rpx 35rpx 0;
-  margin-top: 10rpx;
+  padding:20rpx 35rpx 0;
 }
 .living .message .user{
   float:left;
@@ -198,7 +192,7 @@ export default {
 }
 .living .message .txt{
   position: relative;
-  /*float:left;*/
+  float:left;
   background: #eeeeee;
   max-width:400rpx;
   border-radius: 15rpx;
@@ -219,10 +213,34 @@ export default {
   border-top: solid 12rpx #eee;
   content:'';
 }
-.living-tabs{
-  padding: 20rpx 0 20rpx;
-  /* border: 1rpx solid #f0f0f0; */
-  margin-bottom: 0;
+.msgs-tabs{
+  line-height: 88rpx;
+  display: flex;
+  height: 88rpx;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 0 30rpx;
+  border-bottom: 1rpx solid #ccc;
+}
+.msgs-tabs .tit{
+  font-size: 30rpx;
+  color: #000;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.msgs-tabs .tit:before{
+  content: '';
+  display: inline-block;
+  width: 6rpx;
+  height: 30rpx;
+  margin-right: 10rpx;
+  background-color: #000;
+}
+.msgs-tabs .num{
+  font-size: 22rpx;
+  color: #999;
+  overflow: hidden;
 }
 .living{
   margin-bottom: 0;