微信小程序遇到的坑

在开发微信小程序的时候,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
    })
  },

这样就解决了问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值