• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

【微信小程序】cover-view中使用button不显示(关于cover-view的冷知识) ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

废话不多说,先看小程序文档

文档上写的清清楚楚可以在cover-view中使用button

但是我在实际使用中却碰到在cover-view中使用button,button不显示的问题!

项目中底部的button保存按钮是position-fixed固定在屏幕最下方的,列表中有input框,所以在真机滑动列表的时候,input框中的值会穿透button显示出来,令人懊恼!

后来将底部的view标签替换成cover-view后,发现button不显示了,经过一系列的实验和探讨,发现是因为button设置了背景渐变色的原因。。。

解决办法:将button背景色的渐变色更改为单颜色。

 

cover-view的限制:

1、cover-view不支持背景渐变色,其内部的标签也不能使用渐变色。

      解决办法:背景色换成单一颜色

2、cover-view不支持设置单一位置的border边框,比如想加个border-top上边框线来分割标签

      解决办法:用cover-view将其高设置为1px,模拟出一个border边框线

3、cover-view不能覆盖textarea

      解决办法:textarea在失去焦点的时候将其替换为view标签,点击的时候再换回textarea

 

我在cover-view中走了很多弯路,希望这篇文章能帮到你们,节省你们的时间!

如果帮到你了,能抽空给个赞或者评论的话,万分感谢!~


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
thinkphp3.2 上传图片兼容小程序发布时间:2022-07-18
下一篇:
从环境部署到运营推广,蚂蚁特色的一站式小程序开发体验发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap