feat(消息): 消息模块-2

pages/message/index.vue

@@ -18,36 +18,15 @@
 
       <!--消息卡片-->
       <view v-for="(item,key) in noticeList" :key="key" style="display: flex;background-color: #ffffff">
-        <view v-if="checkShow" class="checkView" @click="selectRead(item)">
-          <u-checkbox-group v-model="item.checkStatus" @change="selectRead(item)">
-            <u-checkbox
-              shape="circle"
-              active-color="#3aab94"
-              :checked="item.readCheck"
-            />
-          </u-checkbox-group>
-        </view>
-        <view v-if="delShow" class="checkView" @click="selectDel(item)">
-          <u-checkbox-group v-model="item.checkDelStatus" @change="selectDel(item)">
-            <u-checkbox
-              :key="item.id"
-              shape="circle"
-              active-color="#3aab94"
-              :name="'yes'"
-              :checked="item.delCheck"
-            />
-          </u-checkbox-group>
-        </view>
-        <view class="noticeCard" @click="showDetail(item)">
-          <view style="display: flex">
-            <u-icon v-if="item.isPlatform === '1'" size="24" :name="imageUrl + '/tmt-pic/pet-app/xiaoxi_icon_tuisong@2x.png'" />
-            <u-icon v-else size="24" :name="imageUrl + '/tmt-pic/pet-app/xiaoxi_icon_xitong@2x.png'" />
+        <view class="noticeCard">
+          <view class="noticeTop">
             <view class="titleClass">{{ queryNotice.mesType === '1' ? '生产信息审批' : '基础数据审批' }}</view>
+            <view class="timeClass">
+              {{ item.updateDate !== undefined && item.updateDate !== null ? parseTime(item.updateDate, '{m}-{d} {h}:{i}:{s}') : '暂无数据' }}
+            </view>
           </view>
           <view class="subTitleClass">{{ item.message }}</view>
-          <view class="timeClass">
-            {{ item.updateDate !== undefined && item.updateDate !== null ? parseTime(item.updateDate, '{m}-{d} {h}:{i}:{s}') : '暂无数据' }}
-          </view>
+
         </view>
       </view>
 
@@ -74,7 +53,7 @@
         />
       </view>
       <view v-show="loadStatus === 'loading'" style="text-align: center">
-        <!-- <image src="../../static/images/home/loading.gif" style="width: 50rpx;height: 60rpx;" /> -->
+        <!-- <image src="../../static/images/home/loading.gif"  style="width: 50rpx;height: 60rpx;" /> -->
       </view>
 
       <!--顶部提示-->
@@ -123,7 +102,6 @@ export default {
         page: 1,
         rows: 10,
         receiverId: undefined,
-        mesType: '1'
       },
       noticeList: [],
       total: 0,
@@ -396,35 +374,43 @@ export default {
 }
 .noticeCard {
   width: 100%;
-  background-color: #fff;
-  margin: 32rpx 0rpx 0 32rpx;
-  border-bottom: 2rpx solid #e9e9e9;
+  background-color: #F9F9F9;
+  margin: 20rpx 22rpx 0 20rpx;
   padding-bottom: 32rpx;
+  border-radius: 15rpx;
+  .noticeTop{
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 2rpx solid  #F2F2F2;
+    padding: 22rpx 34rpx 24rpx 32rpx;
+  }
   .titleClass {
-    margin-left: 15rpx;
-    font-size: 34rpx;
-    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
+    font-family: PingFangSC, PingFang SC;
     font-weight: 500;
-    color: #000000;
-    line-height: 48rpx;
+    font-size: 30rpx;
+    color: #333399;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
   }
   .subTitleClass {
-    margin-top: 20rpx;
-    font-size: 30rpx;
-    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+    font-family: PingFangSC, PingFang SC;
     font-weight: 400;
-    color: #666666;
-    line-height: 35rpx;
+    font-size: 28rpx;
+    color: #9A9A9A;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+    padding: 28rpx 32rpx 0 32rpx;
   }
   .timeClass {
-    text-align: right;
-    margin-top: 16rpx;
-    margin-right: 32rpx;
-    font-size: 24rpx;
-    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+    font-family: PingFangSC, PingFang SC;
     font-weight: 400;
-    color: rgba(52,55,68,0.4);
-    line-height: 28rpx;
+    font-size: 28rpx;
+    color: #666666;
+    text-align: right;
+    font-style: normal;
+    text-transform: none;
   }
 }
 // 有导航栏后 防止滑到最上面