微信荧幕那个小程序

打开微信--发现--小程序--搜索手持d幕--打开

输入文字

点击小齿轮编辑文字

这里可以编辑文字滚动的速度、字号以及颜色

点击ABC制作荧光字

在圆框里输入文字

点击文字部分可以改变单个字的颜色

制作好的d幕和荧光字还可以发送给微信好友哦

小程序层级canvas最高，会有图表遮挡菜单栏的问题，这里写个canvas菜单看看能否调整图层，

详细文档 >

先上一张图

如图1-1所示，想做一个上面上的搜索框，很容易想到上面搜索框的布局方式就是，input框占满整个行间，然后清空按钮通过absolute定位到input框上面，然而这样的布局方式在小程序真机测试中是有问题的，问题描述如下：

问题所在： 当input框处于聚焦状态时，及键盘属于拉起状态。点击清空按钮是无法清空input框里的数据的，简单的说就是此时加在清空按钮上的点击，触摸等事件并不会触发。只有当input框失去焦点时及键盘属于隐藏状态时，清空按钮上的事件才能被触发。

原因所在：小程序中当input框属于聚焦状态时，会有个层级的提升，它的层级是最高的，会比覆盖在他上面的标签层级高，因此此时点击清空按钮时实际上点击的还是input框。只有当input框失去焦点时才会恢复到正常的层级，此时上面的覆盖标签会比input框层级高

当初以为是组件问题，结果采用小程序上的 cover-image ， cover-image 组件也无法解决问题。

解决办法：

因此我们得使用图1-2的布局方式，采用正常的左右布局的方式。input框和按钮各占整行的一部分，然后通过css去使input框看上去是占用一整行，清空按钮覆盖在上面，对于前端人员来说还是很好写的哈。

以上就是关于微信荧幕那个小程序全部的内容，包括:微信荧幕那个小程序、小程序 canvas 自定义底部导航栏、小程序之坑01——按钮覆盖在Input框上的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！