thzxcx/FirstUI-vue
1
0
Fork 0
Code Pull Requests Packages Releases Activity

chore: fui-date-picker 增加top配置

Browse Source
This commit is contained in:
Hefeng
2023-08-31 14:27:17 +08:00
parent 890a10f203
commit b2a4bc4ca4
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/firstui/fui-date-picker/fui-date-picker.vue
View File

@ -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;