移动端
刹那烟火//
人间值得,未来可期。
展开
-
自定义选择弹窗
适用于表单下拉选择,多协议选择。做了多个协议以弹窗的形式展示,所以封装了个下拉弹窗。 只针对协议做了样式处理,可能不是太完美,仅供参考。 子组件 Agreement.vue <template> <div> <div class="wx-actionsheet"> <div class="wx-actionsheet...原创 2020-04-01 10:46:12 · 790 阅读 · 0 评论 -
前端引入特殊字体,数字千分位逗号分割
选一个公关配置的文件夹,放置字体 然后在全局配置的地方引入这个字体文件,根据自己当前项目的路径去配置 把需要改变字体的样式改成设置的字体就可以 假如还想把数字改成以千分位分割的逗号形式的,如下 <template> <div> <div class="ceshi">{{amount}}</div> </div> &...原创 2019-12-27 10:37:04 · 1152 阅读 · 0 评论 -
微信浏览器input关闭键盘后导致页面底部空缺
在微信webview打开我们h5页面的时候,就固定了页面的高度,如果这个input在页面的底部,当呼出软键盘时,由于高度问题,整个webview会被键盘顶上去,而取消时没有恢复原状。 解决办法: 绑定一个blur事件,当其触发时,使scrollTo为0 <input type="tel" ref="user-label" ...原创 2019-06-06 14:39:09 · 258 阅读 · 0 评论 -
移动端click事件会有300ms延迟
解决移动端300ms的延迟问题 产生问题的原因: 移动端的双击会缩放导致click判断延迟 浏览器为什么会设置300ms的延迟呢,这个跟双击缩放有关,浏览器捕获第一次单击后,会先等待一段时间,如果在这段时间区间里用户未进行下一次点击,则浏览器会做单击事件的处理。如果这段时间里用户进行了第二次单击操作,则浏览器会做双击事件处理。这段时间就是上面提到的300毫秒延迟。 解决方式: 1。css touc...原创 2019-07-16 10:38:06 · 296 阅读 · 0 评论 -
h5唤醒app
首先,需要判断是安卓还是ios,我们是无法知道是否打开app的,只能通过延迟的方法 var ua = window.navigator.userAgent; var isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (!isiOS) { var t = Date.now(); //...原创 2019-07-16 17:02:36 · 159 阅读 · 0 评论