H5
LILEILEILOVE
这个作者很懒,什么都没留下…
展开
-
h5开容器,新页面返回遇到的问题
h5调用的原生方法开启新的页面,导致路由历史记录缺失。新增一个路由作为第一个路由记录。在新页面中判断路由是否缺失。原创 2022-08-04 23:51:52 · 107 阅读 · 0 评论 -
H5页面input输入框弹起数字键盘,需要支持小数点
H5页面弹起数字键盘原创 2022-07-11 21:26:50 · 1704 阅读 · 0 评论 -
h5头部组件封装
H5头部组件封装<div><div :style="`padding-top:${paddingTop}px`"><van-nav-bar /></div></div>setup(){const paddingTop = computed(()=>{return store.state.height}创建utils文件夹,env.jsexport const getSafeAreaHeight=()=>{l原创 2022-03-12 09:38:26 · 473 阅读 · 0 评论 -
H5切换页面,滚动条到顶部
1.main.js中引入文件方法import { scrollTop} from '@utils/pagerouter.afterEach(r=>{if(r.meta.keepAlive) return;scrollTop()2.创建方法文件page.jsexport function scrollTop(){window.scrollTo(0,0)}原创 2021-07-22 23:39:02 · 1588 阅读 · 0 评论 -
修复vue H5 页面fastclick插件导致ios输入框点击变得不灵敏
1.创建文件 resetFastClick.jsimport FastClick from 'fastClick'; FastClick.prototype.focus = function (targetElement) { let length; if (/iphone|ipod|ipad/i.test(navigator.appVersion) && targetElement.setSelectionRange && target原创 2021-07-22 23:30:37 · 249 阅读 · 0 评论 -
H5页面IOS系统的滚动条怎么去掉
设置css样式,要加这两句::-webkit-scrollbar {display:none;width:0;}加上下面这两句可以让滚动更加流畅-webkit-overflow-scrolling: touch;overflow-scrolling: touch;原创 2021-07-15 23:30:46 · 2245 阅读 · 0 评论 -
周日历
H5页面选择周日历<template><div class="weekSelect"> <van-picker title='选择周' show-toolbar :default-index="currentWeekIndex" @confirm='submitWeek' @cancel='closeFun' /></div></template><script>export defa原创 2021-05-18 22:50:19 · 206 阅读 · 0 评论 -
调用H5 SDK方法
test(){let data={id:''}let u = navigator.userAgent;//Androidif(u.indexOf("Android")>-1 || u.indexOf("Adr")>-1){console.log("isAndroid")Android.joinFun(JSON.stringify(data));}//iPhoneif(u.indexOf("iPhone")>-1 || u.indexOf("iOS")>-1){co原创 2021-04-15 14:56:15 · 1307 阅读 · 0 评论