diff --git a/components/firstui/fui-date-picker/fui-date-picker.vue b/components/firstui/fui-date-picker/fui-date-picker.vue
index 15248e9..d23abaa 100644
--- a/components/firstui/fui-date-picker/fui-date-picker.vue
+++ b/components/firstui/fui-date-picker/fui-date-picker.vue
@@ -5,7 +5,7 @@
 			:style="maskStyl" ref="fui_dpkm_ani" @tap.stop="maskClick"></view>
 		<!-- fix：此处key值可解决Nvue端动态切换背景不生效的问题 -->
 		<view :style="topBottom" :key="theme" 
-			:class="{ 'fui-dpk__content-dark': theme === 'dark', 'fui-dpk__content-light': theme !== 'dark', 'fui-dpk__content-show': isShow, 'fui-date__picker-radius': radius,'fui-date__picker-content_top':top || top===0, 'fui-date__picker-content':!top && top!==0}"
+			:class="{ 'fui-dpk__content-dark': theme === 'dark', 'fui-dpk__content-light': theme !== 'dark', 'fui-dpk__content-show': isShow&&(!top && top!==0), 'fui-dpk__content-show_top': isShow&&(top || top===0),'fui-date__picker-radius': radius,'fui-date__picker-content_top':top || top===0, 'fui-date__picker-content':!top && top!==0}"
 			 ref="fui_dpk_ani">
 			<view class="fui-date__picker-header"
 				:class="{ 'fui-dpk__header-dark': theme === 'dark', 'fui-date__picker-radius': radius }" :style="headerStyl">
@@ -1190,14 +1190,15 @@ export default {
 .fui-date__picker-content_top {
 	/* #ifndef APP-NVUE */
 	width: 100%;
-	visibility: hidden;
 	/* #endif */
 	position: fixed;
 	left: 0;
 	right: 0;
     
 	/* #ifndef APP-NVUE */
-	transform: translate3d(0, -100%, 0);
+	/* transform: translate3d(0, -100%, 0); */
+	height: 0;
+	overflow: hidden;
 	transition: all 0.25s ease-in-out;
 	/* #endif */
 
@@ -1220,6 +1221,14 @@ export default {
 	transform: translateY(0);
 	/* #endif */
 }
+.fui-dpk__content-show_top {
+	/* #ifndef APP-NVUE */
+	height: 608rpx;
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	transform: translateY(0);
+	/* #endif */
+}
 
 .fui-dpk__content-light {
 	background-color: #fff;