消息详情

app.json

@@ -12,7 +12,8 @@
         "pages/promotional/details",
         "pages/promotional/upload",
         "pages/college/index",
-        "pages/college/detail"
+        "pages/college/detail",
+        "pages/tabbar/message/details"
     ],
     "usingComponents": {
         "My_card": "/components/My_card/index",

pages/tabbar/message/details.js

@@ -0,0 +1,66 @@
+// pages/tabbar/message/details.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/tabbar/message/details.json

@@ -0,0 +1,4 @@
+{
+    "navigationBarTitleText": "消息详情",
+    "usingComponents": {}
+}

pages/tabbar/message/details.scss

@@ -0,0 +1,30 @@
+.msg-mian {
+    width: 750rpx;
+    padding: 30rpx;
+    box-sizing: border-box;
+    background-color: #ffffff;
+
+    .title {
+        font-size: 30rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #333333;
+    }
+
+    .time {
+        width: 100%;
+        margin-top: 20rpx;
+        font-size: 20rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #999999;
+        padding-bottom: 30rpx;
+        border-bottom: 1rpx dashed #CCCCCC;
+    }
+
+    .content {
+        margin-top: 30rpx;
+        font-size: 28rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #666666;
+    }
+}

pages/tabbar/message/details.wxml

@@ -0,0 +1,5 @@
+<view class="msg-mian">
+    <view class="title multi-line">信息标题sdkfhdf32235342sfhseory398yasf无的放矢329fesjdkfho38ir sdgfw分割3大峰2</view>
+    <view class="time">2022-12-12 12:20</view>
+    <view class="content multi-line">信息内容sdkfhdf32235342sfhseory398yasf无的放矢329fesjdkfho38ir信息内容sdkfhdf32235342sfhseory398yasf无的放矢329fesjdkfho38ir信息内容sdkfhdf32235342sfhseory398yasf无的放矢329fesjdkfho38ir信息内容sdkfhdf32235342sfhseory398yasf无的放矢329fesjdkfho38ir信息内容sdkfhdf32235342sfhseory398yasf无的放矢329fesjdkfho38ir信息内容sdkfhdf32235342sfhseory398yasf无的放矢329fesjdkfho38ir信息内容sdkfhdf32235342sfhseory398yasf无的放矢329fesjdkfho38ir</view>
+</view>

pages/tabbar/message/index.wxml

@@ -1,9 +1,9 @@
 <My_tabs bind:onChange='tabChange' />
 <view class="unread">未读25条</view>
-<navigator url="#" class='list' wx:for="{{5}}">
+<navigator url="/pages/tabbar/message/details" class='list' wx:for="{{5}}">
     <view class="title line-1">标题显示最多40个字符不能换行，超出部分省略标题显示最多40个字符不能换行，超出部分省略</view>
     <view class="content line-1">标题显示最多40个字符不能换行，超出部分省略标题显示最多40个字符不能换行，超出部分省略</view>
     <view class="time">2022-12-12 12:20</view>
     <view class="unread-item" />
 </navigator>
-<view style="height: 140rpx;" />
+<view style="height: 140rpx;" />

project.private.config.json

@@ -49,6 +49,13 @@
                     "query": "",
                     "launchMode": "default",
                     "scene": null
+                },
+                {
+                    "name": "信息详情",
+                    "pathName": "pages/tabbar/message/details",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
                 }
             ]
         }