
H5
LILEILEILOVE
这个作者很懒,什么都没留下…
展开
-
h5开容器,新页面返回遇到的问题
h5调用的原生方法开启新的页面,导致路由历史记录缺失。新增一个路由作为第一个路由记录。在新页面中判断路由是否缺失。原创 2022-08-04 23:51:52 · 157 阅读 · 0 评论 -
H5页面input输入框弹起数字键盘,需要支持小数点
H5页面弹起数字键盘原创 2022-07-11 21:26:50 · 1957 阅读 · 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.js export const getSafeAreaHeight=()=>{ l原创 2022-03-12 09:38:26 · 535 阅读 · 0 评论 -
H5切换页面,滚动条到顶部
1.main.js中引入文件方法 import { scrollTop} from '@utils/page router.afterEach(r=>{ if(r.meta.keepAlive) return; scrollTop() 2.创建方法文件page.js export function scrollTop(){ window.scrollTo(0,0) }原创 2021-07-22 23:39:02 · 1846 阅读 · 0 评论 -
修复vue H5 页面fastclick插件导致ios输入框点击变得不灵敏
1.创建文件 resetFastClick.js import 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 · 325 阅读 · 0 评论 -
H5页面IOS系统的滚动条怎么去掉
设置css样式,要加这两句 ::-webkit-scrollbar { display:none; width:0; } 加上下面这两句可以让滚动更加流畅 -webkit-overflow-scrolling: touch; overflow-scrolling: touch;原创 2021-07-15 23:30:46 · 2712 阅读 · 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 · 260 阅读 · 0 评论 -
调用H5 SDK方法
test(){ let data={id:''} let u = navigator.userAgent; //Android if(u.indexOf("Android")>-1 || u.indexOf("Adr")>-1){ console.log("isAndroid") Android.joinFun(JSON.stringify(data)); } //iPhone if(u.indexOf("iPhone")>-1 || u.indexOf("iOS")>-1){ co原创 2021-04-15 14:56:15 · 1488 阅读 · 0 评论