[图片] 类似于这种效果。 在背景图片上可以显示搜索框。而且背景图片是透明的

我想画出下面这样的界面： [图片] 左右两边是输入框，用来选择日期。 怎么画出来这个样子？

就是这样的效果： [图片] 贴一下我的代码： [图片] [图片] [图片] [图片] 我是用了github上的一个自定义导航栏组件，但是只能实现这样的效果： [图片] 如果不使用自定义导航栏组件直接设置 "navigationStyle": "custom" 的话倒是可以全屏铺满，可是就没有导航栏了，只剩胶囊了。

我现在的控制方式是加了一个 buttonClicked 的参数，初始化为false，如下： <button bindtap="submit" style="color:white;width:100%;height:90rpx;background-color:rgb(18, 172, 18);" disabled="{{buttonClicked}}">提交</button> submit: function (event) { if(!this.data.buttonClicked) { this.setData({ buttonClicked: true }); wx.navigateTo({ url: '../Home/Home' }) } } onShow: function () { this.setData({ buttonClicked: false }) } 但是当我重复点击的速度足够快时，程序就停留在当前界面不跳转了.............而且之后再怎么点击，都没有反应了。 我猜是因为重复点击的速度比程序执行的速度更快，导致buttonClicked还未设置成true，就已经有两次事件触发了。 怎样做到无论用户重复点击的速度有多快，都不会触发两次事件呢？ 求高手解答~

我做的吸顶，滚动之后滚动的内容和吸顶内容重叠了，怎么控制？如图： [图片] <view class="head_view static_head" style='z-index: 1;{{fixTop<scrollTop ? "position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0;": ""}}'> </view> onShow: function () { let self = this; wx.createSelectorQuery().select('.static_head').boundingClientRect(function (rect) { self.setData({ fixTop: rect.top, }) }).exec() }, onPageScroll: function (res) { let self = this; let top = res.scrollTop; self.setData({ scrollTop: top }); }