在开发微信小程序的时候,input遇到几个坑,简单介绍下
1.input输入框的placeholder在获取焦点和失去焦点的时候,font-family是不同的
获取焦点之前的字体
获取焦点之后的字体
很明显,看到这个字体是不同的
**
2.苹果手机偶尔会出现placeholder和输入的文字重叠现象
**
如下图(在苹果s1和苹果x均出现过这种情况,恢复正常的时间也不等)
3.小程序中的swiper组件,current未设置
在小程序中,一开始未设置current属性,在下一个页面删除了一个轮播内容,返回到轮播页面,swiper-item内容存在,但是就是不展示,最后通过在页面设置一个变量swipercurrent赋值给current,,然后通过swiper绑定bindchange事件去改变swipercurrent的值
wxml
<swiper indicator-dots="{{swiper.indicatorDots}}" current="{{swiperCurrent}}" bindchange="" autoplay="{{swiper.autoplay}}" interval="{{swiper.interval}}" duration="{{swiper.duration}}" style='height:170rpx'>
<block wx:for="{{cars}}" wx:key="key">
<swiper-item>
<view class='car_info'>
<view class="car_num">
<text>{{item.plateNumber?item.plateNumber:"未上牌"}}</text>
</view>
<!--<view class="car_violation">
<text wx:if="{{item.wzCount}}">{{item.wzCount}}</text>
<text wx:else>--</text>
<text>违章(次)</text>
</view>-->
<view class='car_MOT'>
<text wx:if="{{item.days}}">{{item.days}}</text>
<text wx:else>--</text>
<text>年检(天)</text>
</view>
</view>
</swiper-item>
</block>
</swiper>
js
data: {
swiperCurrent:0,
}
swiperChange: function(e){
this.setData({
swiperCurrent: e.detail.current
})
},
这样就解决了问题