- swiper 组件中加入 input 后出错
swiper 组件的 swiper-item 中加入 input,使用 weui 样式库。绝大部分手机正常,在一台 iPhoneX 上出现 input 的文字提示未对齐的情况。 [图片] 更加奇怪的是,按住 input 后拖拽,会将 input 随同 placeholder 提示拖走。 [图片] 怀疑跟 swiper 中嵌入 input 有关。但是文档中写的是:swiper 中的 input 只有在 focus 的时候才会出现异常。 而且,在其他 iPhone 包括 iPhoneXR 上都是正常的。
2019-04-23 - text嵌套image后image不显示
在 text 元素里面嵌入一个 image 元素,结果 image 元素无法显示。 [图片] 开发工具显示 image 元素会脱离文档流出现在最上方。 [图片] 如果将 text 元素改为 view 元素,就正常了。 [图片] 感觉应该是跟 text 和 image 元素类型的特性有关。但是不知道是否有解决的办法。 前提是必须还是要用 text 元素来包裹 image 元素。
2019-04-20 - Flex 布局下子元素宽度大于父元素时不会自动缩放
在将一段 HTML 代码迁移到小程序版本的过程中发现如下问题: 这是 HTML 中的图片在普通浏览器中的情况: [图片] 这是解析为 WXML 后在小程序的情况: [图片] 对比发现,这两张图片所在的父元素为 Flex 布局,justify-content 为 space-between;。 [图片] 在普通浏览器下,当 justify-content 为 space-between; 时,当子元素宽度超过父元素时,子元素会自动缩小。 而在小程序中,子元素不会缩小,还会溢出。溢出的方向取决于 justify-content 的值。 [代码]<[代码][代码]view[代码] [代码]style[代码][代码]=[代码][代码]"display: flex;justify-content: space-between;"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]style[代码][代码]=[代码][代码]"width: 500px;max-width: 100%;"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]src[代码][代码]=[代码][代码]"./1.jpg"[代码] [代码]style[代码][代码]=[代码][代码]"width: 500rpx;max-width: 100%;"[代码] [代码]/>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]style[代码][代码]=[代码][代码]"width: 500px;max-width: 100%;"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]src[代码][代码]=[代码][代码]"./1.jpg"[代码] [代码]style[代码][代码]=[代码][代码]"width: 500rpx;max-width: 100%;"[代码] [代码]/>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码]
2019-04-03 - MSInputMethodContext 错误
小程序里面突然冒出来下面的错误,从来没有见到过,感觉像是系统级别的,但是无法调试,也不知道问题从哪里来。 哪位大神知道这是怎么回事? 谢谢! [图片]
2018-04-15