小程序 奇葩BUG 更新~

使用swiper组件的时候 模拟器 安卓机使用正常

但是苹果手机真机测试时 出现BUG 只显示前两个 swiper-item 关闭手机重新打开手机又渲染出来

1.如果swiper-item 中使用了 image 组件 需要加上webp=‘true’并添加图片的长宽

2.如果swiper-item 中使用了 text组件 需要将 text更改为view或其他

IOS  翻转动画 + 位置移动 会出现重叠 抢层级问题  暂无找到更佳方案 

1.去除翻转动画  直接加载位置移动 

IOS 设置 animation 动画设置opacity 会出现底部 闪烁一下 暂无找到更加方案

1.去除animation  改为 transition  直接修改 opacity

2。翻转的 父级元素 加上 overflow: hidden;  问题得到解决

优化方案： 在旋转标签加一个空的父级标签 做内部翻转 但底部还是有父级的块 优化直接翻转影响背后的元素

如页面使用transform: rotate() 出现安卓手机层级问题 需将定位的层级也加上transform: rotate()

文档：微信小程序API 接收消息和事件_w3cschool

定义 button open-type="contact"

小程序打开客服  可自定义参数 （session-from）
用户在小程序“客服会话按钮”进入客服会话时 服务端可监听到  同时可获取到session-from

前端代码

<button open-type="contact"
              session-from="nickName={{userInfo.nickName}}|avatarUrl={{userInfo.avatarUrl}}|ysf.config={{ysf.config}}"
              bindcontact="handleContact"></button>

服务端监听到的数据

{"createTime":165821118363,"event":"user_enter_tempsession","fromUser":"*****5XrqTsJowAa3cJp3N8pio**","msgType":"event","sessionFrom":"nickName=Awak1enS**|avatarUrl=https://thi**132|ysf.config={\"uid\":\"278\",\"data\":\"[{\\\"key\\\":\\\"mobile_phone\\\",\\\"value\\\":\\\"1506*******\\\"},{\\\"key\\\":\\\"user_id\\\",\\\"lable\\\":\\\"用户ID\\\",\\\"value\\\":\\\"2718\\\"}]\"}","toUser":"gh_f2b8fcd24fe2a10"}

fromUser 是用户openId

wx.openCustomerServiceChat({
        extInfo: {
          url: 'https://work.weixin.qq.com/kf/' + "kfc1e63468aff78d5" //客服ID
        },
        corpId: 'wx6c4f6654c9f', //企业微信ID
        success(res) {}
      })
 

自定义组件Component

properties 接收传递的数据 observer 监听数据变化 不能使用箭头函数 否则this指向会出问题

错误示范

Component({

  properties: {

    virtualItem: {

      type: Array,

      value: [],

      observer: (a) => {

        console.log(this)

      }

    },

  },

})

正确示范

Component({

  properties: {

    virtualItem: {

      type: Array,

      value: [],

      observer: function(a) {

        console.log(this)

      }

    },

  },

})