小程序
小游戏
企业微信
微信支付
扫描小程序码分享
页面有input框,最近不知为何,部分手机,input框不显示之前位置了,之前固定在顶部,现在不知为何跑到下面,但框还在顶部,而且因为有input框,点击页面跳转详情,结果页面左移了,并且不跳转,把input删除后,就正常了,这是说明情况?
vivo手机
基础库 >=2.25.4 的都试过,不行
input原生
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好， 有复现的代码片段或者线上的用例看看吗（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
今天我这手机出现这问题了,input设置border,结果在页面显示位置完全与设置的不一样,并且,设置的border和input不在一块,如图 ,这我就不知道哪里问题了,之前都正常,就最近突然这样了
WXML: <view class="search_line"> <view class="search"> <image src="../../image/secondhand/search1.png"></image> <input type="text" placeholder="搜索" placeholder-style="color:#B6BBC8;" model:value="{{keywords}}" bindconfirm="search"/> </view> </view> CSS: .search{ display: flex; align-items: center; border: 2rpx solid #95B7F3; border-radius: 45rpx; padding: 16rpx 32rpx; font-size: 28rpx; background: #ffffff; color: #333333; width: 690rpx; image{ width: 38rpx; height: 38rpx; margin-right: 30rpx; } input{ width: 90%; line-height: 30rpx; height: 30rpx; border: 1px solid red; } }
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好， 有复现的代码片段或者线上的用例看看吗（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
今天我这手机出现这问题了,input设置border,结果在页面显示位置完全与设置的不一样,并且,设置的border和input不在一块,如图
,这我就不知道哪里问题了,之前都正常,就最近突然这样了
WXML: <view class="search_line"> <view class="search"> <image src="../../image/secondhand/search1.png"></image> <input type="text" placeholder="搜索" placeholder-style="color:#B6BBC8;" model:value="{{keywords}}" bindconfirm="search"/> </view> </view> CSS: .search{ display: flex; align-items: center; border: 2rpx solid #95B7F3; border-radius: 45rpx; padding: 16rpx 32rpx; font-size: 28rpx; background: #ffffff; color: #333333; width: 690rpx; image{ width: 38rpx; height: 38rpx; margin-right: 30rpx; } input{ width: 90%; line-height: 30rpx; height: 30rpx; border: 1px solid red; } }