input框点击出现蓝色背景,uniapp项目,这是ios系统手机独有的问题,安卓和window系统没有。

要在点击的标签里面加上  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

 

.uni-stat__select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  // padding: 15px;
  cursor: pointer;
  //   width: 100%;
  width: 500rpx;
  flex: 1;
  box-sizing: border-box;
  background-color: #fff;
}

.uni-stat-box {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  flex: 1;
}

解决后,就不会点击显示蓝色背景了

uniapp项目,要实现下拉框可搜索的功能,uniapp官方组件和uview都没有这个功能的组件。我到uniapp的插件市场找了个下载多的插件 zxz-uni-data-select

这个插件可以实现下拉框搜索功能

点击下载zip包

 下载后解压

 然后在pages.json里的自动扫描配置里添加这个插件,让uniapp自己扫描,这样就可以全局用了

 然后给这个插件要进行类型声明,和自己写全局组件的类型声明一样

有时下载的插件文件会报错,这和我们的eslint检查有关,要想不报错

 在这个插件文件里,在最顶部写/* eslint-disable */

让eslint不检查这个文件

 然后在你需要的页面里,导入这个插件

 组件名

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐