自定义左侧导航栏，在页面中可以正常实现，把代码复制到components组件中，右侧内容滚动时，左侧菜单没有切换，console.log(rects)打印为空，这是什么情况？求大师指点 const list = require('../../utils/util.js') Component({   /**    * 组件的属性列表    */   properties: {   },   /**    * 组件的初始数据    */   data: {     height: 0, //页面高度 rpx     ratio: 0, //rpx,px转化比     tid: 1,     lid: 1,     heightArray: [], // 存储右侧各区块高度     isSelected: false,     selectedCount: 0,     selectedList: [],     sectionHeights: [],     list:list   },   lifetimes: {     ready() {       this.pageheight();       this.calculateHeights();       // setTimeout(() => this.calculateHeights(), 500)     }   },   /**    * 组件的方法列表    */   methods: { /**    * 获取页面高度     */   pageheight() {     const windowInfo = wx.getWindowInfo()     const btnGroupHeight = 120 // 底部按钮高度（rpx）     const ratio = 750 / windowInfo.windowWidth     const height = (windowInfo.windowHeight * ratio) - btnGroupHeight     console.log(height)     this.setData({       height: height, // 新高度字段       ratio: ratio     })   },   /**    * 获取元素距离顶部的位置    */   calculateHeights() {     const that = this;     const query = wx.createSelectorQuery() ;//创建节点查询器     console.log(query)     query.selectAll('.right-group').boundingClientRect(rects => {       console.log(rects)       const systemInfo = wx.getWindowInfo();       const topOffset = 170 / that.data.ratio; // 顶部固定区域高度       console.log(topOffset)       const heights = rects.map(rect =>         Math.floor(rect.top - topOffset + systemInfo.windowHeight * that.data.ratio / 750)       );       console.log(heights)       that.setData({         heightArray: heights       });     }).exec();   },   /**    * 左侧点击事件    */   changeTab(e) {     console.log(e)     const that = this;     const id = e.currentTarget.dataset.id;     that.setData({       tid: id,       lid: id     })   },   /**    * 滚动监听    */    scrollFloor(e) {     const scrollTop = e.detail.scrollTop     const { heightArray } = this.data          for (let i = 0; i < heightArray.length; i++) {       if (scrollTop < heightArray[i]) {         this.setData({           tid: this.data.list[i > 0 ? i - 1 : 0].id ,         })         break       }     }   },    /**    * 选中事件    */   toggleSelection(e) {     console.log(e)     const { catindex, subindex, posindex } = e.currentTarget.dataset     console.log({ catindex, subindex, posindex })     // 边界检查     if (       catindex < 0 ||       catindex >= this.data.list.length ||       subindex < 0 ||       !this.data.list[catindex]?.listtitle ||       subindex >= this.data.list[catindex].listtitle.length     ) return     const path = `list[${catindex}].listtitle[${subindex}].position[${posindex}].selected`     const isSelected = !this.data.list[catindex].listtitle[subindex].position[posindex].selected     const selectedItem = {       name: this.data.list[catindex].listtitle[subindex].position[posindex].name,       catindex,       subindex,       posindex     }     let selectedList = [...this.data.selectedList]     if (isSelected) {       if (selectedList.length >= 5) {         wx.showToast({ title: '最多选择5项', icon: 'none' })         return       }       selectedList.push(selectedItem)     } else {       selectedList = selectedList.filter(item =>          !(item.catindex === catindex && item.subindex === subindex && item.posindex === posindex)       )     }     this.setData({       [path]: isSelected,       selectedCount: selectedList.length,       selectedList     })   },   // 删除事件   removeBenefit(e) {     console.log(e)     const { catindex, subindex, posindex } = e.currentTarget.dataset     console.log({ catindex, subindex, posindex })      // 更新列表状态     const path = `list[${catindex}].listtitle[${subindex}].position[${posindex}].selected`     const selectedList = this.data.selectedList.filter(item =>        !(item.catindex === catindex && item.subindex === subindex && item.posindex === posindex)     )     this.setData({       [path]: false,       selectedCount: selectedList.length,       selectedList     })   },   // 新增确认按钮点击事件   confirmSelection() {     const pages = getCurrentPages()     const prevPage = pages[pages.length - 2] // 获取A页面实例          // 构造选中职位名称数组     const selectedJobs = this.data.selectedList.map(item => item.name)          // 更新A页面数据     prevPage.setData({       'formData.jobs': selectedJobs,       'formData.jobCount': selectedJobs.length     })          // 返回A页面     wx.navigateBack()   },   } })

做了一个左侧导航栏，想要实现效果，当点击左侧导航栏菜单时，切换菜单，不滑动，当点击可视区域底部的菜单时，往上滑动一个菜单。再就是右侧内容滑动到对应区域，左侧菜单栏切换，但不是每次切换一个菜单就滑动到顶部，同样是，右侧滑动到对应的区域，左侧菜单切换，当左侧切换到可视区域的底部时，往上滑动一个菜单项。求指教。具体代码见代码片段

模拟器上显示正常，真机上的问题是，在首页进入论坛角色，点击我的页面中去社区按钮，页面跳转了，tabbar没有切换，当在首页进入社区角色，点击我的页面中去论坛的按钮，页面跳转了，tabbar没有切换，试了无数次，都是这样的问题。这是什么问题，开发工具。1.05版本的

双角色tabbar底部导航栏，在首页进入，都是正常，在角色中我的页面设定了“去社区”或者“去论坛”两个切换按钮，当点击这个按钮时，切换成功，但是在点击tabbar中的按钮时，多点几次，在论坛角色的时候，就切换到了社区的角色，又或者论坛角色和社区角色来回切换，尤其在点击“我的”按钮时，这个问题是什么问题，怎么解决？ 担心有些时候，代码片段打不开，复制部分代码如下： 首页index-wxml代码： <view class="title">     <view class="jobs-group">         <image class="jobs-img" src="../../images/jobs.jpeg"></image>         <button class="jobs" bindtap="goto" data-type="0">论坛</button>     </view>     <view class="separate"></view>     <view class="jobs-group">         <image class="jobs-img" src="../../images/enterprise.jpg"></image>         <button class="jobs" bindtap="goto" data-type="1">社区</button>     </view>     </view> js代码: Page({   goto(e){     console.log(e);     let type = e.currentTarget.dataset.type;     //把权限存储到缓存当中     wx.setStorageSync('user',type);     if(type == "0"){       wx.switchTab({         url:'../jobs/index/index'       })     }else{       wx.switchTab({         url:'../enterprise/index/index'       })     }   }, }) <!--custom-tab-bar/index.wxml--> <view class="tab-bar">     <view class="tab-bar-item" wx:for="{{selectList}}" wx:key="index" data-index="{{index}}" data-path="{{item.pagePath}}" data-selected="{{item.selected}}" bindtap="onwidthTap">         <image class="cover-image" src="{{selected === item.selected ? item.selectedIconPath : item.iconPath}}"></image>         <view class="cover-view {{selected === item.selected ? 'active' : ''}}" >{{item.text}}</view>     </view> </view> <view class="indicator-border"></view> <view class="indicator">     <view class="indicator-item">         <image class="indicator-image" src="/images/jia.png"></image>         <view class="indicator-item-text">发布</view>     </view>    </view> // custom-tab-bar/index.js Component({   data: {     allList: [       [{           "pagePath": "/pages/jobs/index/index",           "iconPath": "/images/me-gray.png",           "selectedIconPath": "/images/me-green.png",           "text": "论坛",           "selected": "0"         },         {},         {           "pagePath": "/pages/jobs/me/me",           "iconPath": "/images/me-gray.png",           "selectedIconPath": "/images/me-green.png",           "text": "我的",           "selected": "1"         }       ],       [{           "pagePath": "/pages/enterprise/index/index",           "iconPath": "/images/me-gray.png",           "selectedIconPath": "/images/me-green.png",           "text": "社区",           "selected": "2"         },         {},         {           "pagePath": "/pages/enterprise/me/me",           "iconPath": "/images/me-gray.png",           "selectedIconPath": "/images/me-green.png",           "text": "我的",           "selected": "3"         }       ]     ],     selectedList: []   },   /**    * 生命周期的方法：当组件被加载的时候调用    */      lifetimes:{     attached(){       if(wx.getStorageSync('user') == '0'){         this.setData({           selectList:this.data.allList[0]         })       }else{         this.setData({           selectList:this.data.allList[1]         })       }     },     show(){       this.updateTabbar();     }   },   /**    * 组件的方法列表    */   methods: {     onwidthTap(e) {       console.log(e);       let path = e.currentTarget.dataset.path;       let selected = e.currentTarget.dataset.selected;       wx.switchTab({         url:path       })     },     updateTabbar(){       const userType = wx.getStorageSync('user') || '0';       this.setData({         selectList:this.data.allList(userType)       })     }   } }) <!--pages/jobs/me/me.wxml--> <view class="switch-group" bindtap="onSwitch">     <image class="switch-image" src="../../../images/switch.png"></image>     <view class="switch-text">去社区</view> </view> // pages/jobs/me/me.js Page({     onSwitch(){         wx.setStorageSync('user','1');         wx.switchTab({           url:'../../enterprise/index/index'         });         //强制更新自定义tabbar（需配合组件改造)         const tabbar = this.getTabBar();          tabbar.setData({ selectList: tabbar.data.allList[0] });       },     onShow() {         if (typeof this.getTabBar === 'function' && this.getTabBar()) {             this.getTabBar().setData({               selected: "1"             })           }     }, }) <!--pages/enterprise/me/me.wxml--> <view class="switch-group" bindtap="onSwitchEvent">     <image class="switch-image" src="../../../images/switch.png"></image>     <view class="switch-text">去论坛</view> </view> // pages/enterprise/me/me.js Page({     onSwitchEvent(){         wx.setStorageSync('user','0');         wx.switchTab({           url:'../../jobs/index/index'         });         //强制更新自定义tabbar（需配合组件改造)         const tabbar = this.getTabBar();          tabbar.setData({ selectList: tabbar.data.allList[0] });       },     /**      * 生命周期函数--监听页面显示      */     onShow() {         if (typeof this.getTabBar === 'function' && this.getTabBar()) {             this.getTabBar().setData({               selected: "3"             })           }     }, })

[图片][图片] 自定义的tabbar,中间凸起部分的圆弧怎么做出来？如图二是想要实现的效果，图一中红色框的圆弧要怎么实现？ wxml代码 <view class="tab-bar">     <view class="tab-bar-border"></view>     <view class="tab-bar-item" wx:for="{{selectList}}" wx:key="index" data-index="{{index}}" data-path="{{item.pagePath}}" data-selected="{{item.selected}}" bindtap="onwidthTap">         <image class="cover-image" src="{{selected === item.selected ? item.selectedIconPath : item.iconPath}}"></image>         <view class="cover-view" style="color:{{selected === item.selected ? selectedColor : color}}">{{item.text}}</view>     </view> </view> <view class="indicator">     <view class="indicator-border"></view>     <view class="indicator-item">         <image class="indicator-image" src="/images/jia.png"></image>     </view>     <view class="indicator-item-text">发布</view> </view> wxss代码 .tab-bar {     position: fixed;     bottom: 0;     left: 0;     right: 0;     height: 120rpx;     background-color: white;     display: flex;     padding-bottom: env(safe-area-inset-bottom);     box-shadow: 0 0 5rpx 0 rgba(0, 0, 0, 0.33); } .tab-bar-item {     flex: 1;     text-align: center;     display: flex;     flex-direction: column;     justify-content: center;     align-items: center; } .cover-image {     margin-bottom: 40rpx;     width: 44rpx;     height: 44rpx; } .tab-bar-item .cover-view {     font-size: 34rpx;     position: absolute;     bottom: 10rpx;     color: #7A7E83; } .indicator {     height: 70rpx;     display: flex;     flex-direction: column;     align-items: center; } .indicator-border {     position: absolute;     left: 50%;     top: -50rpx;     transform: translate(-50%, -50%);     border-radius: 50%;     width: 80rpx;     height: 80rpx;     border: 7px solid #fff;     box-shadow: 0 0 5rpx 0 rgba(0, 0, 0, 0.33);     z-index: -1; } .indicator-item {     position: absolute;     left: 50%;     top: -50rpx;     transform: translate(-50%, -50%);     background: #ff9f7f;     border-radius: 50%;     width: 80rpx;     height: 80rpx;     display: flex;     flex-direction: column;     justify-content: space-between;     align-items: center;     border: 7px solid #fff;     z-index: 1; } .indicator-image {     width: 80rpx;     height: 80rpx;     border-radius: 50%; } .indicator-item-text {     font-size: 34rpx;     z-index: 1;     color: #7A7E83;     position: absolute;     bottom: 10rpx; }

当进入详情页的时候，首先显示的如图1，过1-2秒之后就正常展示如图2，这是什么问题？上传了一段代码片段，烦请大师帮忙看下，怎么解决。 [图片][图片]

[图片][图片] [图片] 如图1当点击头像或者昵称时，报错如图2，工具是1.05版本的，电脑是w7系统升级不了1.05以上版本，之前node.js装的9.6.0，能够正常使用。现在换了appid之后，云函数需要的node.js12.16版本，如图3，电脑重装了系统之后，安装的node.js是12.16.0版本的。现在点击头像或者昵称时就报错，globalthis is not defined.这个错误要怎么解决？

如图，textarea组件，如果没有输入内容，就一直显示正在发表中...，打印的结果是undefined，这是什么问题？ [图片][图片] wxml代码： <form bindsubmit="onReleaseEvent">   <view class="carpool-group">     <view class="carpool-title">备注</view>     <textarea class="content" placeholder="请输入您要补充的内容" />   </view>   <button class="btn" formType="submit">提交</button> </form> js代码： // 日期转换函数     convertDate(dateStr) {         const now = new Date();         const dateArr = dateStr.split('-');         let convertedDate;         if (dateArr.length === 3) {             // 如果是具体日期格式，如 "2024-11-20"             convertedDate = new Date(dateArr[0], dateArr[1] - 1, dateArr[2]);         } else {             // 如果是今天、明天、后天             const dayOffset = ['今天', '明天', '后天'].indexOf(dateStr);             if (dayOffset !== -1) {                 convertedDate = new Date(now.getFullYear(), now.getMonth(), now.getDate() + dayOffset);             }         }         return convertedDate;     },     /**      * 发布信息      */     onReleaseEvent(event) {         const that = this;         const carpool = that.data.carpool;         const day = that.convertDate(that.data.day); // 转换日期         if (!day) {             wx.showToast({                 title: "请选择日期",                 icon: 'none'             });             return;         }         console.log(day)         const dateString = `${day.getFullYear()}-${(day.getMonth() + 1).toString().padStart(2, '0')}-${day.getDate().toString().padStart(2, '0')}`;         const times = that.data.time;         const startPoint = event.detail.value.startPoint;         const goal = event.detail.value.goal;         const car = event.detail.value.car;         const peopleNumber = event.detail.value.peopleNumber;         const phone = event.detail.value.phone;         const content = event.detail.value.content;         console.log('备注的内容',content);         const pass = event.detail.value.pass;         const weight = event.detail.value.weight;         const ton = event.detail.value.ton;         const tonsize = event.detail.value.tonsize;         // 检查是否所有必填信息都已填写         if (!carpool || !day || !times || !startPoint || !goal || !car || !peopleNumber || !phone) {             wx.showToast({                 title: "请填写相关信息",                 icon: 'none'             });             return;         }         wx.showLoading({             title: "正在发表中..."         });         wx.cloud.callFunction({             name: "wehicles",             data: {                 carpool: carpool,                 day: dateString,                 times: times,                 startPoint: startPoint,                 goal: goal,                 car: car,                 peopleNumber: peopleNumber,                 phone: phone,                 content: content,                 pass: pass,                 weight: weight,                 ton: ton,                 tonsize: tonsize             },             success: res => {                 const _id = res.result._id;                 if (_id) {                     wx.hideLoading();                     wx.showToast({                         title: "恭喜！发送成功！",                     })                     setTimeout(function () {                         wx.switchTab({                             url: '/pages/index/index'                         })                     }, 800)                 } else {                     wx.showToast({                         title: res.result.errMsg,                     })                 }             }         })     },

想要实现，将数据库的时间转换为，今天，明天，后天，具体日期等。wxs写了段代码，打印结果是获取的数据库时间为Invalid Date 。数据库保存的时间两种方式和打印结果如图：在发布信息时，无论选择哪天，显示的都是今天。数据库保存的时间类型会影响转换吗？ [图片][图片] 第二种 [图片] [图片] wxs代码： var timeFormat = function (dateString) {     var date = getDate(dateString);// 传递日期字符串，得到日期     console.log('数据库的日期',date);     var today = getDate() // 当前的时间     console.log('当前的日期',today)     var timeStr = '';     var daysDifference = Math.abs(date.getTime() - today.getTime());      // console.log(daysDifference)     var daysBetween = Math.floor(daysDifference/(1000*60*60*24));     console.log('天数差',daysBetween)     var year = date.getFullYear();     var month = ('0' + (date.getMonth() + 1)).slice(-2);     var day = ('0' + date.getDate()).slice(-2);     var isToday = daysBetween === 0 ? '今天':'';     var isTomorrow = daysBetween === 1 ? '明天':'';     var isDayAfterTomorrow = daysBetween === 2 ? '后天':'';     if(isToday){         timeStr = isToday;     }else if(isTomorrow){         timeStr = isTomorrow;     }else if(daysBetween = isDayAfterTomorrow){         timeStr = isDayAfterTomorrow;     }     else{         timeStr = year + "/" + month + "/" + day         // timeStr = dateString     }     return timeStr; }

下面三张图，如何让页面中的后天，随着时间的推移，让后天变成明天，让日期变成后天，比如说，第一天是后天，第二天应该变成明天，后面日期（2024-11-20）变成后天在页面中显示。 目前的问题是，日期选择器含有今天，明天，后天和日期，保存到数据库也是今天，明天，后天，日期，显示到页面中的也是今天，明天，后天，但是页面中显示的不能随时间推移而改变。 想要实现的效果，日期选择器含有今天，明天，后天和日期。保存到数据库应该是什么？在页面中显示的应该随着时间的推移而改变。要怎么实现 [图片][图片][图片]