fix: 修复H5环境下关闭再打开日历的bug

src/pages/topNews/index.vue

@@ -32,7 +32,12 @@
     <!-- 24小时榜 end -->
     <view v-if="!loading" :class="['page-main ', { mask: !userStore.isLogin }]">
       <view class="news-list-top">
-        <view class="news-item" v-for="(item, index) in newsListTop" :key="item.news_id" @click="goDetail(item)">
+        <view
+          class="news-item"
+          v-for="(item, index) in newsListTop"
+          :key="item.news_id"
+          @click="goDetail(item)"
+        >
           <view class="news-no"> {{ index + 1 }} </view>
           <view class="news-info">
             <view class="news-title">
@@ -53,7 +58,12 @@
       </view>
 
       <view class="news-list">
-        <view class="news-item" v-for="(item, index) in newsList" :key="item.news_id" @click="goDetail(item)">
+        <view
+          class="news-item"
+          v-for="(item, index) in newsList"
+          :key="item.news_id"
+          @click="goDetail(item)"
+        >
           <view class="news-no"> {{ index + 1 + topNum }} </view>
           <view class="news-title">
             {{ item.title }}
@@ -89,16 +99,19 @@
     ></u-loading-icon>
 
     <!-- 日历 -->
-    <u-calendar
-      :show="calendarShow"
-      :min-date="calendar.minDate"
-      :max-date="calendar.maxDate"
-      :monthNum="calendar.monthNum"
-      :default-date="chooseDate.startDate"
-      @confirm="calendarConfirm"
-      @close="hideCalendar"
-    >
-    </u-calendar>
+    <view v-if="calendarShow">
+      <u-calendar
+        :show="true"
+        :min-date="calendar.minDate"
+        :max-date="calendar.maxDate"
+        :monthNum="calendar.monthNum"
+        :default-date="chooseDate.startDate"
+        closeOnClickOverlay
+        @confirm="calendarConfirm"
+        @close="hideCalendar"
+      >
+      </u-calendar>
+    </view>
 
     <!-- 登录弹窗 start -->
     <LoginDialog
@@ -119,7 +132,7 @@ import { useUserStore } from "@/stores/user";
 import RadarChat from "@/components/charts/Radar.vue";
 import LoginDialog from "@/components/loginPopup/index.vue";
 
-const userStore = useUserStore();// 登录弹框
+const userStore = useUserStore(); // 登录弹框
 const LoginShow = ref(false);
 
 // 显示弹框
@@ -196,7 +209,7 @@ const chooseDate = reactive({
 // 日历显示
 const calendarShow = ref(false);
 function showCalendar() {
-  if(!userStore.isLogin || !userStore.isUserType) return;
+  if (!userStore.isLogin || !userStore.isUserType) return;
   calendarShow.value = true;
 }
 // 隐藏日历
@@ -212,7 +225,7 @@ function calendarConfirm(dateList: string[]) {
   getNewsList();
   calendarShow.value = false;
   isExpAll.value = false;
-  lastNewsIndex.value = 10
+  lastNewsIndex.value = 10;
 }
 
 async function getNewsList() {
@@ -234,13 +247,13 @@ async function getNewsList() {
 }
 
 // 跳转详情
-function goDetail(item:any) {
+function goDetail(item: any) {
   if (userStore.isLogin) {
     uni.navigateTo({
       url: `/pages/detail/indexNewsInfo?id=${item.news_id}`,
     });
   } else {
-    handleShowLogin()
+    handleShowLogin();
   }
 }
 

src/uni_modules/uview-plus/components/u-calendar/u-calendar.vue

@@ -225,11 +225,13 @@ export default {
 		},
 		close() {
 			this.$emit('close')
+			// this.scrollIntoView = ''; // 修复bug，在H5内，关闭再打开会重置到顶部区域的bug
 		},
 		// 点击确定按钮
 		confirm() {
 			if (!this.buttonDisabled) {
 				this.$emit('confirm', this.selected)
+				// this.scrollIntoView = ''; // 修复bug，在H5内，关闭再打开会重置到顶部区域的bug
 			}
 		},
 		// 获得两个日期之间的月份数