除跳转以外，其他功能已经完成

pages/index/index.js

@@ -64,6 +64,7 @@ onScrollToLower(e){
     }
     if(!parm.type) delete parm.type
     getIntelligentMessage(parm).then(res=>{
+      console.log('1234',parm)
       res.data.list = res.data.list.map(item => {
         if (item.createdByName && item.createdByName.length >= 3) {
           item.createdByName = item.createdByName.slice(1,3);

pages/index/index.wxml

@@ -68,8 +68,25 @@
         </view>
       </view>
     </view>
-
     <view class="content">
+      <view class="hd_news">
+      <text class="news_remind">消息提醒</text>
+      <text class="more">更多</text>
+      </view>
+      <view class="card">
+      <view class="Information" wx:for="{{tableData}}" wx:key="index" data-item="{{item}}" data-index="{{index}}" bind:tap="toDetail">
+        <view class="Information_one"> 
+        <text class="Information_test">{{item.content}}</text>
+        <text class="Information_test2">{{item.readFlag != '1'?'未读':'已读'}}</text>
+        </view>
+        <view class="Information_two">
+          <text class="Information_test3">啦啦啦啦</text>
+          <text class="Information_test4">{{}}</text>
+        </view>
+      </view>
+      </view>
+    </view>
+    <!-- <view class="content">
         <view class="box">
             <view class="hd_news"> 
               <test class="reminder">消息提醒</test>
@@ -91,6 +108,6 @@
             </view>
         </view>
   
-</view>
+</view> -->
 </view>
 <custom-tab-bar></custom-tab-bar>

pages/index/index.wxss

@@ -1,5 +1,5 @@
 /**index.wxss**/
-.select{
+/* .select{
     width: 100%;
     height: 90rpx;
     background-color: #fff;
@@ -33,17 +33,18 @@
     height: 30rpx;
 }
 .content{
-    width: 100%;
+   width: 100%;
-    padding:0 20rpx ;
+   display: flex;
-    box-sizing: border-box;
+   height: auto;
-    margin: 20rpx 0 0 10rpx;
+    flex-direction: column;   
-    
+    justify-content: flex-center;
+    margin: 30rpx 20rpx 0 30rpx; 
 }
 /* .content .scroll {
      height: calc(100vh - 130rpx); 
 */
 
-.box{
+/* .box{
   display: flex;
   flex-direction: column;
   background-color: #fff;
@@ -81,8 +82,8 @@
 .content .card::before{
     content: "";
     position: absolute;
-    left: 30rpx;  /* 调整间距 */
+    left: 30rpx;  
-    right: 30rpx; /* 调整间距 */
+    right: 30rpx;
     bottom: 0;
     border-bottom: 2rpx solid #EAEAEA;
 }
@@ -163,8 +164,8 @@
 .content .card  .right .bottom .flex_box{
     display: flex;
     justify-content: left;
-}
+} */
-.bgBule{
+/* .bgBule{
     background-color: #dfebfb;
     border: 1px solid #3A80E7;
     border-radius: 32rpx;
@@ -173,7 +174,7 @@
 }
 .bgBule image{
     margin-left: 50rpx !important;
-}
+}  */
 .page {
   overflow: hidden;
   position: relative;
@@ -181,7 +182,7 @@
   height: auto;
   display: flex;
   flex-direction: column;
-  background-color: rgba(247,247,247,1.000000);
+  background-color: #F7F7F7;
   z-index: -9999;
 }
 .header {
@@ -887,20 +888,87 @@
   line-height: 40rpx;
   margin-top: 4rpx;
 }
-.information{
+.content{
   display: flex;
   flex-direction: column;
+  width: 710rpx;
+  height:auto ;
+  background-color: #FFFFFF;
+  margin: 30rpx 0 0 30rpx;
+  border-radius: 30rpx;
 }
-.more_more{
+.hd_news{
-  width: 53rpx;
+  display: flex;
-  height: 26rpx;
+  justify-content: space-between;
-  overflow-wrap: break-word;
+  flex-direction: row;
-  color: rgba(180,180,180,1);
+  margin: 30rpx 30rpx 30rpx 30rpx;
-  font-size: 28rpx;
+}
-  font-family: PingFang-SC-Medium;
+.news_remind{
+  font-family: PingFang SC;
+  font-weight: bold;
+  font-size: 34rpx;
+  color: #333333;
+  line-height: 52rpx;
+}
+.more{
+  font-family: PingFang SC;
   font-weight: 500;
-  text-align: left;
+  font-size: 28rpx;
-  white-space: nowrap;
+  color: #B4B4B4;
   line-height: 36rpx;
-  margin-top: 6rpx;
+}
+.Information{
+  height: 100rpx;
+  display: flex;
+  flex-direction: column;
+  margin: 10rpx 30rpx 30rpx 30rpx;
+  border-bottom: 2rpx solid #EAEAEA;
+
+}
+.Information_one{
+  display: flex;
+  justify-content: space-between;
+}
+.Information_test{
+  width: 490rpx;
+height: auto;
+font-family: PingFang SC;
+font-weight: 500;
+font-size: 32rpx;
+color: #333333;
+line-height: 32rpx;
+overflow: hidden;
+text-overflow: ellipsis;
+white-space: nowrap;
+}
+.Information_test2{
+  width: 60rpx;
+  height: 25rpx;
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 26rpx;
+  color: #666666;
+  line-height: 40rpx;
+}
+.Information_two{
+  display: flex;
+  justify-content: space-between;
+}
+.Information_test3{
+  width: 169rpx;
+height: 27rpx;
+font-family: PingFang SC;
+font-weight: 500;
+font-size: 28rpx;
+color: #999999;
+line-height: 40rpx;
+}
+.Information_test4{
+  width: 228rpx;
+   height: 20rpx;
+font-family: PingFang SC;
+font-weight: 500;
+font-size: 26rpx;
+color: #C1C1C1;
+line-height: 40rpx;
 }