消息开发

api/my.js

@@ -94,3 +94,15 @@ export function getNoticeList(data = {}) {
     timeout: 20000
   })
 }
+
+export function getNoticeInfo(data = {}) {
+  return request({
+    'url': '/app/mine/notice/info',
+    headers: {
+      isToken: true
+    },
+    method: 'post',
+    data,
+    timeout: 20000
+  })
+}

common/styles/global/pages.scss

@@ -111,6 +111,14 @@
 }
 .phone-common-dialog.birthday-dialog{width: unset;}
 
+// 消息
+.phone-mes-page{
+	padding: 40rpx 30rpx;word-break: break-word;white-space: pre-wrap;box-sizing: border-box;flex: 1;overflow: auto;
+	.mes-name{font-size: 28rpx;margin: 0 0 20rpx;text-align: center;font-weight: bold;}
+	.mes-time{font-size: 24rpx;margin: 0 0 20rpx;display: block;text-align: center;}
+	.fwb-box{font-size: 28rpx;@include ezy-rich-text();line-height: 1.6;}
+}
+
 // card
 .notice-list-card{
   margin: 0 15px;padding: 25px 0;border-bottom: 1px solid #f2f1f2;

components/scroll-list-card-mes/scroll-list-card-mes.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="notice-list-card">
+	<view class="notice-list-card" @click="mesDetail(data)">
 		<view class="notice-list-title">
 		    <text v-if="!data.wait" class="notice-list-read">已读</text>
 		    <text v-if="data.wait" class="notice-list-unread">未读</text>
@@ -18,4 +18,10 @@
 		},
 	});
 	const {data} = toRefs(props);
+	
+	function mesDetail(data){
+		uni.navigateTo({
+			url:`/pages/my/mesPage?noticeId=${data.noticeId}`
+		})
+	}
 </script>

pages.json

@@ -116,6 +116,13 @@
 			{
 				"navigationBarTitleText" : "错题答案"
 			}
+		},
+		{
+			"path" : "pages/my/mesPage",
+			"style" : 
+			{
+				"navigationBarTitleText" : "消息详情"
+			}
 		}
 	],
 	"tabBar": {