Browse Source

即时通讯

zhaoxiaohai 3 years ago
parent
commit
0059e7f184

+ 2 - 1
app.json

@@ -47,7 +47,8 @@
         "pages/storeMessage/editor/editor",
         "pages/webView/index",
         "pages/teamManagement/applyFor",
-        "pages/login/QrCode"
+        "pages/login/QrCode",
+        "pages/instantMessaging/index"
     ],
     "usingComponents": {
         "van-button": "@vant/weapp/button/index",

+ 66 - 0
pages/instantMessaging/index.js

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

+ 3 - 0
pages/instantMessaging/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

+ 13 - 0
pages/instantMessaging/index.wxml

@@ -0,0 +1,13 @@
+<navigator class="msg-item-box" wx:for="{{5}}">
+    <view class="userImage">
+        <image src="/static/tacitly-approve/MRuserImg.png" mode="aspectFill"></image>
+    </view>
+    <view class="userText">
+        <view class="userText-name u-line-1">王梅</view>
+        <view class="userText-msg u-line-1">你好你好你好你好你好你好你好你好你好你好你好你好</view>
+    </view>
+    <view class="statistics">
+        <view class="msg-time">上午9:34</view>
+        <view class="msg-count">19</view>
+    </view>
+</navigator>

+ 83 - 0
pages/instantMessaging/index.wxss

@@ -0,0 +1,83 @@
+page {
+    background-color: #ffffff;
+}
+
+/* 信息框 */
+.msg-item-box {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 160rpx;
+    padding: 0 24rpx 0 30rpx;
+    box-sizing: border-box;
+}
+
+/* 用户头像 */
+.userImage {
+    width: 100rpx;
+    height: 100rpx;
+    overflow: hidden;
+    flex-shrink: 0;
+}
+
+.userImage>image {
+    width: 100%;
+    height: 100%;
+}
+
+/* 用户文字 */
+.userText {
+    flex: 1;
+    height: 100rpx;
+    margin-left: 30rpx;
+}
+
+
+.userText-name {
+    width: 430rpx;
+    height: 44rpx;
+    font-size: 32rpx;
+    color: #000000;
+    line-height: 44rpx;
+}
+
+.userText-msg {
+    width: 430rpx;
+    height: 40rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, .4);
+    line-height: 40rpx;
+    margin-top: 8rpx;
+}
+
+/* 信息数据统计 */
+.statistics {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    height: 100rpx;
+    width: 120rpx;
+    flex-shrink: 0px;
+}
+
+.msg-time {
+    height: 34rpx;
+    font-size: 24rpx;
+    color: rgba(0, 0, 0, .4);
+    line-height: 34rpx;
+    margin-top: 8rpx;
+}
+
+.msg-count {
+    height: 30rpx;
+    text-align: center;
+    line-height: 30rpx;
+    background-color: #4DC2D4;
+    border-radius:15rpx;
+
+    font-size: 20rpx;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #FFFFFF;
+    margin-top: 18rpx;
+    padding: 0 10rpx;
+}

+ 2 - 65
project.private.config.json

@@ -139,71 +139,8 @@
                     "scene": null
                 },
                 {
-                    "name": "",
-                    "pathName": "pages/storeMessage/editor/editor",
-                    "query": "",
-                    "launchMode": "default",
-                    "scene": null
-                },
-                {
-                    "name": "",
-                    "pathName": "pages/businessPartner/applyFor",
-                    "query": "",
-                    "launchMode": "default",
-                    "scene": null
-                },
-                {
-                    "name": "",
-                    "pathName": "pages/businessPartner/applyFor",
-                    "query": "",
-                    "launchMode": "default",
-                    "scene": null
-                },
-                {
-                    "name": "",
-                    "pathName": "pages/businessPartner/applyFor",
-                    "query": "",
-                    "launchMode": "default",
-                    "scene": null
-                },
-                {
-                    "name": "",
-                    "pathName": "pages/storeMessage/editor/editor",
-                    "query": "isDisabled=false",
-                    "launchMode": "default",
-                    "scene": null
-                },
-                {
-                    "name": "",
-                    "pathName": "pages/webView/index",
-                    "query": "",
-                    "launchMode": "default",
-                    "scene": null
-                },
-                {
-                    "name": "",
-                    "pathName": "pages/teamManagement/applyFor",
-                    "query": "",
-                    "launchMode": "default",
-                    "scene": null
-                },
-                {
-                    "name": "",
-                    "pathName": "pages/businessPartner/applyFor",
-                    "query": "",
-                    "launchMode": "default",
-                    "scene": null
-                },
-                {
-                    "name": "",
-                    "pathName": "pages/login/QrCode",
-                    "query": "",
-                    "launchMode": "default",
-                    "scene": null
-                },
-                {
-                    "name": "",
-                    "pathName": "pages/businessPartner/applyFor",
+                    "name": "信息列表",
+                    "pathName": "pages/instantMessaging/index",
                     "query": "",
                     "scene": null,
                     "launchMode": "default"