个人案例
- LIUI组件
自用的组件库
[LI-UI]小程序UI组件库扫码体验
- swiper中苹果设置position:relative无效
在swiper组件中,IOS给组件添加相对定位无效,导致组件item绝对定位无法在组件中,溢出隐藏失效,swiper-item超出swiper,border-radius效果无法实现。 安卓中效果: [图片] 苹果中效果: [图片] 开发工具中: [图片] 代码片段: [代码][代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"bannerBar"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"banner-box"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]swiper[代码] [代码]class[代码][代码]=[代码][代码]"banner"[代码] [代码]autoplay indicator-dots [代码][代码]indicator-color[代码][代码]=[代码][代码]"#fff"[代码] [代码]indicator-active-color[代码][代码]=[代码][代码]"#F5A623"[代码] [代码]interval[代码][代码]=[代码][代码]"6000"[代码] [代码]duration[代码][代码]=[代码][代码]"500"[代码] [代码]current[代码][代码]=[代码][代码]"0"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]swiper-item[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{3}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"ban-box"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]mode[代码][代码]=[代码][代码]"widthFix"[代码] [代码]src[代码][代码]=[代码][代码]"/images/banner/banner@{{index + 1}}.jpg"[代码][代码]>[代码]image[代码][代码]>[代码][代码][代码][代码] [代码][代码][代码]swiper-item[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码][代码]swiper[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码][代码]view[代码][代码]>[代码][代码][代码][代码][代码][代码][代码] [代码][代码][代码]view[代码][代码]>[代码][代码][代码][代码][代码]/* Banner */[代码][代码].bannerBar {[代码][代码] [代码][代码]width[代码][代码]: calc([代码][代码]100%[代码] [代码]- [代码][代码]60[代码][代码]rpx);[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]350[代码][代码]rpx;[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]30[代码][代码]rpx;[代码][代码]}[代码][代码].banner-box {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]box-shadow: [代码][代码]0[代码] [代码]0[代码] [代码]50[代码][代码]rpx rgba([代码][代码]0[代码][代码], [代码][代码]0[代码][代码], [代码][代码]0[代码][代码], [代码][代码]0.2[代码][代码]);[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码]}[代码][代码].banner {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码]}[代码]
2018-04-08 - 开发工具上分包加载页面json设置问题
重启过很多次开发工具,也检查版本更新了,但是问题依存在。 项目使用了最近新增的分包加载,但是发现在开发工具上有个小问题,在分包里面的页面配置文件,设置顶栏文字无效,“navigationBarTitleText”。但是真机上预览是正常的。反反复复看了几次分包加载的介绍,没发现有相关关于分包页面json配置文件的介绍。
2018-01-06