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

chore: chore: fui-date-picker top配置 改成 panelTop

Browse Source
This commit is contained in:
Hefeng
2023-08-31 16:41:46 +08:00
parent bf349274c7
commit 718b94ee21
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
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&&(!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}"
:class="{ 'fui-dpk__content-dark': theme === 'dark', 'fui-dpk__content-light': theme !== 'dark', 'fui-dpk__content-show': isShow&&(!panelTop && panelTop!==0), 'fui-dpk__content-show_top': isShow&&(panelTop || panelTop===0),'fui-date__picker-radius': radius,'fui-date__picker-content_top':panelTop || panelTop===0, 'fui-date__picker-content':!panelTop && panelTop!==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">
@ -391,7 +391,7 @@ export default {
type: [Number, String],
default: 0
},
top: {
panelTop: {
type: [Number, String],
default: undefined
},
@ -457,8 +457,8 @@ export default {
return styles
},
maskStyl() {
if (this.top || this.top ===0)
return `top:${Number(this.top)}rpx;background:${this.maskBackground};z-index:${Number(this.zIndex - 10)};`
if (this.panelTop || this.panelTop ===0)
return `top:${Number(this.panelTop)}rpx;background:${this.maskBackground};z-index:${Number(this.zIndex - 10)};`
else
return `background:${this.maskBackground};z-index:${Number(this.zIndex - 10)};`
@ -467,8 +467,8 @@ export default {
},
topBottom() {
if (this.top || this.top ===0)
return `top:${Number(this.top)}rpx;z-index: ${Number(this.zIndex)}`
if (this.panelTop || this.panelTop ===0)
return `top:${Number(this.panelTop)}rpx;z-index: ${Number(this.zIndex)}`
else
return `z-index: ${Number(this.zIndex)}`