描述:会议邀请页面

miniprogram/app.json

@@ -62,7 +62,8 @@
     "pages/meeting/visitorIinvitation/indexBar/indexBar",
     "pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord",
     "pages/meeting/reservationRecord/meetingRecord/meetingRecord",
-    "pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail"
+    "pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail",
+    "pages/meeting/invite/invite"
   ],
   "window": {
     "backgroundTextStyle": "light",

miniprogram/app.wxss

@@ -350,6 +350,7 @@ image {
 
 .containerView.public {
     box-sizing: border-box;
+    word-break: break-all;
     height: 100vh;
     width: 100vw;
     overflow: auto;

miniprogram/pages/meeting/invite/invite.js

@@ -0,0 +1,80 @@
+let app = getApp()
+
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        IMG_NAME: app.IMG_NAME,
+        mapData: {
+            latitude: 33.601291,
+            longitude: 119.031829,
+            markers: [{
+                id: 1,
+                latitude: 33.601291,
+                longitude: 119.031829,
+                title: '淮安茂业天地购物中心'
+            }]
+        }
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+        // 页面初始化 options为页面跳转所带来的参数
+        wx.setNavigationBarTitle({
+            title: options.title
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

miniprogram/pages/meeting/invite/invite.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "邀请"
+}

miniprogram/pages/meeting/invite/invite.wxml

@@ -0,0 +1,36 @@
+<view class="containerView public">
+
+    <!-- 顶部标题信息 -->
+    <view class="topHead">
+        <view class="name">Foarter Space #1</view>
+        <view class="address">江苏省淮安市清江浦区茂业广场</view>
+    </view>
+
+    <!-- 地图 -->
+    <map class="myMap" latitude="{{mapData.latitude}}" longitude="{{mapData.longitude}}" markers="{{mapData.markers}}" show-location></map>
+
+    <!-- 邀请人信息 -->
+    <view class="personView">
+        <view class="label">邀请人</view>
+        <view class="item">
+            <image class="headImg" src="{{IMG_NAME + '/profile/static/index/banner/1.jpg'}}" mode="aspectFill"></image>
+            <view class="dataView">
+                <view class="name">admin</view>
+                <view class="phone">100861008611</view>
+            </view>
+        </view>
+    </view>
+
+    <!-- 其他信息 -->
+    <view class="otherView">
+        <view class="title">会面地点</view>
+        <view class="content">写字楼2513</view>
+    </view>
+    <view class="otherView">
+        <view class="title">会面时间</view>
+        <view class="content">2024-01-01 12:20 ~ 2024-01-01 14:20</view>
+    </view>
+    <!-- 确认支付 -->
+    <view class="submitBtn">接受邀请</view>
+
+</view>

miniprogram/pages/meeting/invite/invite.wxss

@@ -0,0 +1,91 @@
+.containerView.public {
+    padding: 0 20rpx 240rpx;
+}
+
+.topHead {
+    margin: 50rpx 0;
+}
+
+.topHead .name {
+    font-size: 32rpx;
+    font-weight: bold;
+}
+
+.topHead .address {
+    margin-top: 10rpx;
+    font-size: 26rpx;
+    color: gray;
+}
+
+.myMap {
+    width: 100%;
+    height: 400rpx;
+}
+
+.personView {
+    margin: 40rpx 0;
+}
+
+.personView .label {
+    font-size: 32rpx;
+}
+
+.personView .item {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-top: 20rpx;
+}
+
+.personView .item .headImg {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 100rpx;
+}
+
+.personView .item .dataView {
+    margin-left: 40rpx;
+}
+
+.personView .item .dataView .name {
+    font-size: 28rpx;
+}
+
+.personView .item .dataView .phone {
+    margin-top: 4rpx;
+    font-size: 26rpx;
+    color: #4e96f8;
+}
+
+.otherView {
+    padding: 20rpx 0;
+    /* border-bottom: 1px solid rgb(126, 126, 126, 0.2); */
+}
+
+.otherView .title {
+    font-size: 32rpx;
+}
+
+.otherView .content {
+    margin-top: 10rpx;
+    font-size: 26rpx;
+}
+
+.submitBtn{
+    box-sizing: border-box;
+    position: absolute;
+    width: 600rpx;
+    left: 50%;
+    bottom: 120rpx;
+    transform: translateX(-50%);
+    border-radius: 10rpx;
+    padding: 20rpx;
+    background: #4e96f8;
+    color: white;
+    font-size: 30rpx;
+    text-align: center;
+}
+
+.br{
+    height: 20rpx;
+}

project.private.config.json

@@ -6,6 +6,13 @@
   "condition": {
     "miniprogram": {
       "list": [
+        {
+          "name": "pages/meeting/invite/invite",
+          "pathName": "pages/meeting/invite/invite",
+          "query": "title=会议邀请",
+          "launchMode": "default",
+          "scene": null
+        },
         {
           "name": "pages/meeting/meetingRoom/meetingRoom",
           "pathName": "pages/meeting/meetingRoom/meetingRoom",