2755

package_first/pages/announceList/index.wxml

@@ -4,7 +4,7 @@
         <view class="announ_item" data-item="{{item}}" bindtap="showDetail" wx:for="{{list}}" wx:key="index">
             <view class="announ_info">
                 <text class="title_box">{{item.title}}</text>
-                <text style="color: #0000007F;font-size: 26rpx;">{{item.createTime  || ''}}</text>
+                <text style="color: #5C5C5C;font-size: 26rpx;">{{item.createTime  || ''}}</text>
             </view>
             <image class="announ_img" src="{{item.image}}"></image>
         </view>

package_first/pages/announceList/index.wxss

@@ -2,6 +2,7 @@
 .announ_container {
     width: 100%;
     height: 100vh;
+    padding: 20rpx 30rpx;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
@@ -16,11 +17,12 @@
 .announ_item {
     width: 100%;
     padding: 30rpx;
-    margin-top: 20rpx;
+    margin-bottom: 20rpx;
     background-color: #ffffff;
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
+    border-radius: 4rpx;
 }
 .announ_info {
     width: 450rpx;
@@ -32,16 +34,20 @@
 }
 .title_box {
     width: 100%;
+    display: -webkit-box;
     overflow: hidden;
-    white-space: nowrap;
     text-overflow: ellipsis;
+    word-wrap: break-word;
+    white-space: normal !important;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    font-size: 30rpx;
+    color: title_box;
+    font-weight: bold;
 }
 
 .announ_img {
-    width: 200rpx;
-    height: 150rpx;
-    border-radius: 4rpx;
-}
-.info_box {
-    flex: 1;
+    width: 184rpx;
+    height: 148rpx;
+    border-radius: 6rpx;
 }