修改

pages/topic/mess.less

@@ -55,62 +55,48 @@
                 flex-direction: column;
 
                 .list {
-                    background-color: #ffffff;
-                    border-bottom: 1px solid #cccccc;
-                    padding: 2vw 0;
-                    display: flex;
-                    flex-direction: column;
-
-                    .info {
-                        display: flex;
-                        flex-direction: row;
-                        margin: 0 0 2vw 0;
-
-                        .list_2 {
-                            padding: 0 0 0 2vw;
-
-                            .name {
-                                font-size: 18px;
-                                font-weight: bold;
-                                margin: 0 0 1vw 0;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                -webkit-line-clamp: 2;
-                                word-break: break-all;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                            }
-
-                            .other {
-                                .other_1 {
-                                    margin: 0 0 1vw 0;
-                                    color: #000000a6;
-                                    font-size: 15px;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    -webkit-line-clamp: 4;
-                                    word-break: break-all;
-                                    display: -webkit-box;
-                                    -webkit-box-orient: vertical;
-
-                                    .names {
-                                        color: #000;
-                                    }
-                                }
-                            }
-                        }
-                    }
-
-                    .btn {
-                        text-align: center;
-
-                        button {
-                            margin: 0 2vw;
-                            font-size: 14px;
-                        }
-                    }
-
-                }
+                  background-color: #ffffff;
+                  border-bottom: 1px solid #cccccc;
+                  width: 96vw;
+                  padding: 2vw;
+
+                  .name {
+                      font-size: 18px;
+                      margin: 0 0 1vw 0;
+                      font-weight: bold;
+                  }
+
+                  .other {
+                      margin: 0 0 1vw 0;
+
+                      .other_1 {
+                          margin: 0 0 1vw 0;
+                          font-size: 15px;
+
+                          text {
+                              color: #000000;
+                          }
+
+                          text:nth-child(1) {
+                              color: #858585;
+                          }
+
+                      }
+                  }
+
+                  .btn {
+                      text-align: center;
+
+                      button {
+                          margin: 0 2vw;
+                          font-size: 14px;
+                      }
+                  }
+              }
+
+              .list:last-child {
+                  border-bottom: none;
+              }
             }
         }
     }

pages/topic/mess.wxml

@@ -1,46 +1,39 @@
 <mobile-main frameStyle="{{frameStyle}}" bind:back="back" bind:tabPath="tabPath">
-    <view slot="info" class="container main">
-        <view class="zero one">
-            <view class="one_1">
-                <input type="text" value="{{searchInfo.title}}" bindconfirm="search" placeholder="请输入话题名称" />
+   <view slot="info" class="container main">
+      <view class="zero one">
+         <view class="one_1">
+            <input type="text" value="{{searchInfo.title}}" bindconfirm="search" placeholder="请输入话题名称" />
+         </view>
+         <view class="one_2">
+            <button type="primary" bindtap="toAdd">添加</button>
+         </view>
+      </view>
+      <view class="zero two">
+         <scroll-view scroll-y="true" class="scroll-view">
+            <view class="list-scroll-view">
+               <view class="list" wx:for="{{list}}" wx:key="item">
+                  <view class="name">{{item.title||'暂无'}}</view>
+                  <view class="other">
+                     <view class="other_1">
+                        <text>来源：</text>
+                        <text>{{item.origin||'暂无'}}</text>
+                     </view>
+                     <view class="other_1">
+                        <text>发布时间：</text>
+                        <text>{{item.create_time||'暂无'}}</text>
+                     </view>
+                     <view class="other_1">
+                        <text>是否公开：</text>
+                        <text>{{item.is_show=='0'?'公开':'不公开'}}</text>
+                     </view>
+                  </view>
+                  <view class="btn">
+                     <button type="primary" bindtap="toEdit" data-id="{{item._id}}" size="mini">信息维护</button>
+                     <button size="mini" type="warn" bindtap="toDel" data-id="{{item._id}}">信息删除</button>
+                  </view>
+               </view>
             </view>
-            <view class="one_2">
-                <button type="primary" bindtap="toAdd">添加</button>
-            </view>
-        </view>
-        <view class="zero two">
-            <scroll-view scroll-y="true" class="scroll-view">
-                <view class="list-scroll-view">
-                    <view class="list" wx:for="{{list}}" wx:key="item">
-                        <view class="info">
-                            <view class="list_2">
-                                <view class="other">
-                                    <view class="other_1">
-                                        <text>话题名称：</text>
-                                        <text class="names">{{item.title||'暂无'}}</text>
-                                    </view>
-                                    <view class="other_1">
-                                        <text>来源：</text>
-                                        <text>{{item.origin||'暂无'}}</text>
-                                    </view>
-                                    <view class="other_1">
-                                        <text>发布时间：</text>
-                                        <text>{{item.create_time||'暂无'}}</text>
-                                    </view>
-                                    <view class="other_1">
-                                        <text>是否公开：</text>
-                                        <text>{{item.is_show=='0'?'公开':'不公开'}}</text>
-                                    </view>
-                                </view>
-                            </view>
-                        </view>
-                        <view class="btn">
-                            <button type="primary" bindtap="toEdit" data-id="{{item._id}}" size="mini">信息维护</button>
-                            <button size="mini" type="warn" bindtap="toDel" data-id="{{item._id}}">信息删除</button>
-                        </view>
-                    </view>
-                </view>
-            </scroll-view>
-        </view>
-    </view>
+         </scroll-view>
+      </view>
+   </view>
 </mobile-main>

pages/topic/mess.wxss

@@ -49,42 +49,26 @@
 .main .two .scroll-view .list-scroll-view .list {
   background-color: #ffffff;
   border-bottom: 1px solid #cccccc;
-  padding: 2vw 0;
-  display: flex;
-  flex-direction: column;
-}
-.main .two .scroll-view .list-scroll-view .list .info {
-  display: flex;
-  flex-direction: row;
-  margin: 0 0 2vw 0;
-}
-.main .two .scroll-view .list-scroll-view .list .info .list_2 {
-  padding: 0 0 0 2vw;
+  width: 96vw;
+  padding: 2vw;
 }
-.main .two .scroll-view .list-scroll-view .list .info .list_2 .name {
+.main .two .scroll-view .list-scroll-view .list .name {
   font-size: 18px;
+  margin: 0 0 1vw 0;
   font-weight: bold;
+}
+.main .two .scroll-view .list-scroll-view .list .other {
   margin: 0 0 1vw 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 2;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-}
-.main .two .scroll-view .list-scroll-view .list .info .list_2 .other .other_1 {
+}
+.main .two .scroll-view .list-scroll-view .list .other .other_1 {
   margin: 0 0 1vw 0;
-  color: #000000a6;
   font-size: 15px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 4;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
 }
-.main .two .scroll-view .list-scroll-view .list .info .list_2 .other .other_1 .names {
-  color: #000;
+.main .two .scroll-view .list-scroll-view .list .other .other_1 text {
+  color: #000000;
+}
+.main .two .scroll-view .list-scroll-view .list .other .other_1 text:nth-child(1) {
+  color: #858585;
 }
 .main .two .scroll-view .list-scroll-view .list .btn {
   text-align: center;
@@ -93,3 +77,6 @@
   margin: 0 2vw;
   font-size: 14px;
 }
+.main .two .scroll-view .list-scroll-view .list:last-child {
+  border-bottom: none;
+}