
Framework
angular, react, vue
北京大雨
前台
展开
-
用vue-awesome-swiper实现轮播图, 点击事件不生效
在项目里使用swiper实现轮播图效果 把点击事件挂到图片或者swiper上在切页之后, 或者轮播到次轮之后, 有的图片无法点击 原因是开启了(loop:true) 开启loop, 在DOM结构上,swiper是使用的clone的方式,在首尾各添加一个slide单元。可能会带来一些不可预知的问题,建议把loop关闭, 或者把点击事件也到swiper点击回调里...原创 2018-05-17 09:41:38 · 9255 阅读 · 0 评论 -
safari打开图片链接显示问题
最近项目上生产之后, 在iOS机型上有的商品图片居然显示不了, 一开始以为是代码问题, 直到用了Safari试了一下链接结果显示:图片链接网上也没查到原因, 大概就是因为Safari自己的问题, 后来更换了图片链接治标式的解决了这个问题不过有关Safari打不开图片链接问题, 有可能是因为服务器证书问题:具体可参考: Safari 无法显示/加载网页图片解决方案...原创 2018-05-04 15:22:38 · 4828 阅读 · 0 评论 -
安卓微信端网页图片默认被放大
项目里有公众号版本, 图片撑得比较大, 挂上点击跳转事件, 安卓(目前只发现小米有这个问题) 有时候图片会被先放大。 解决方案: 1 事件挂在img标签的上层, 2 给img标签单独设置: (会阻止事件) img{ pointer-events: none; } 3 使用Vue的话 可以把点击方法写成@click.prvent=”test()”...原创 2018-05-17 16:50:29 · 905 阅读 · 0 评论 -
Vue框架下 iOS微信端键盘收起 导致页面卡死 点击按钮错乱的问题
项目背景: 项目使用vue框架开发, 同时支持APP(Cordova混合模式) 内嵌至第三方APP 以及公众号环境问题描述: 由于项目对接了第三方客服聊天功能(web端), 最近发现聊天时输入内容收起键盘后导致发送按钮无法点击的问题,关闭也不太好使 好像整个页面卡死了一样,按钮的点击功能错乱,原以为是第三方客服的问题,尝试其他有输入的地方,原来整个项目都有这个问题, 且只有iOS微...原创 2019-03-07 14:44:38 · 2216 阅读 · 0 评论 -
Vue实现一款支付虚拟键盘组件
实现效果:组件部分:<template> <div class="pay-tool"> <div class="pay-tool-title border-bottom"> <span class="pay-close" @click="backHandle"></span> <sp...原创 2019-03-28 14:23:07 · 1428 阅读 · 2 评论