Vant Weapp Popup弹出层和Picker选择器 组合使用,

如果picker在popup上存在滚动条,

在开发者工具上鼠标可以滚动还原picker的确认和取消按钮位置,

但是在真机上,把picker的确认和取消按钮滚上去之后,就不能滚动还原按钮初始的位置,只能滑动picker的正文内容部分。

1.图一右边出现滚动条

2.把图2按钮滚上去之后,会变成图1,在真机上无法还原按钮到图2的状态

解决方法: 加大popup的高度,让popup的高度比picker的高度大。

小程序UI组件 Vant Weapp Popup弹出层和Picker选择器 组合使用按钮被遮盖恢复不了的问题相关推荐

  1. vue vant Popup 弹出层 与 Picker 选择器 的完美结合 实现多级列表选择

    前言: 在写项目的时候,经常会碰到选择列表,为了更完美的实现效果,使用了vant里面的 Popup 弹出层 + Picker 选择器 效果图: 页面结构: van-field 是vant里面的输入框组 ...

  2. 分享一个Vant Weapp小程序UI组件库

    Vant Weapp官方地址:https://youzan.github.io/vant-weapp/#/ Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提 ...

  3. 微信小程序中使用vant weapp 的dialog组件

    微信小程序中使用vant weapp 的dialog组件 官方文档路径:import Dialog from 'path/to/@vant/weapp/dist/dialog/dialog';,这不是 ...

  4. Wuss Weapp一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

  5. Wuss Weapp 微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组件示例 演示图片 ...

  6. Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

  7. 7 个热门又优质的小程序 UI 组件库,社区、电商、工具各类都有!

    如果你也是一名小程序开发者,当你打开一个高颜值的小程序时,是不是很想知道「这用的是哪一套 UI 组件库」呢? 目前,网上已有不少开源的小程序组件库,但选择太多往往让人挑花了眼,反而不知哪一款才适合自己 ...

  8. 5个微信小程序UI组件库

    小程序UI组件库 WeUI WXSS iView WeApp Vant Weapp (原ZanUI WeApp) MinUi Wux WeApp 此文仅为便于自己查找 原文链接:https://www ...

  9. 当前最热门的微信小程序UI组件库

    1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...

最新文章

  1. php 5.6 mcrypt,php-mcrypt 在PHP5.60+的版本中怎么使用?
  2. 在eclipse中反编译并查看jar包的class文件,批量反编译
  3. read configuration - shared object - read_comp_configuration_raw
  4. Ubuntu如何卸载安装的软件以FileZilla为例
  5. C# .Net中的类型转换(3)
  6. before和after怎么区分_深入理解::before/:before和::after/:after的使用
  7. 苹果M1芯片版Mac出现重装系统Bug,如何正确重装 macOS
  8. 数字证书及CA的详细理解
  9. 使用JS实现表单验证
  10. 「机箱」酷冷至尊 影音先锋 250
  11. Tcl学习2——Tcl语言语法
  12. java saxreader 生成xml_SAXReader解析xml文件demo
  13. 30岁有哪些方向可以转型?
  14. 电脑的字体改变了、变模糊了怎么办
  15. linux多系统引导管理,Linux 多重引导MBR与系统引导管理器GRUB.docx
  16. 谷歌大脑DeepMind合并,Google DeepMind新成立
  17. 3.3.4.2.2 Decimation-in-Frequency (DIF) Radix-2 FFT
  18. 基于微信小程序的在线免费小说阅读系统
  19. 修改autor后面邮箱_最后冲刺!2020年国自然标书终极修改和形式审查要点!!!...
  20. 代码随想录训练营day30

热门文章

  1. Vue项目设置Eslint规则
  2. min4 vs mini5 一定要买 iPad mini5,听我一一道来。
  3. 【Python】Python xlwt : More than 4094 XFs (styles) 解决方法
  4. 整点报时 单片机 c语言,单片机整点报时编程
  5. ⭐全网最强Java基础总结 ⭐,质量不行你直接拉黑我就行
  6. matlab 电路频率响应_2020年中青杯全国大学生数学建模竞赛——A题 集成电路通道布线...
  7. 基于JAVA+SpringBoot+VUE的心理健康测试系统的设计与实现
  8. fck java_java FCK学习使用
  9. win10设置md文件默认打开方式
  10. 【原创】python爬虫 某二手汽车网站 python+mysql