H5
weixin_43924261
这个作者很懒,什么都没留下…
展开
-
IOS 适配安全区域
env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距离,有4个预定义变量:safe-area-inset-left:安全区域距离左边边界的距离safe-area-inset-right:安全区域距离右边边界的距离safe-area-inset-top:安全区域距离顶部边界的距离safe-area-inset-bottom :安全距离底部边界的距离而env()和constant()函数有个必要的使用前提,H5网页设置viewport-fit转载 2021-12-23 10:53:44 · 717 阅读 · 0 评论 -
lottie动画
lottie实现GIF到JSON的转变安装依赖npm install lottie-webanimationData由UI提供的JSON数据<template> <div> <span id="lottie"></span> </div></template><script> import lottie from "lottie-web"; import { ani.原创 2021-08-30 17:13:32 · 477 阅读 · 0 评论 -
H5左侧滑动返回上一个页面
<template> <div class="touch-back-page"> <div class="left-side" @touchstart.stop="handleTouchStart" @touchend.stop="handleTouchEnd" v-if="leftDrag"></div> <div class="right-side" @touchstart.stop="handleTouchStart" @to.原创 2021-08-30 17:10:43 · 2809 阅读 · 0 评论 -
H5的那些注意点
1、日期格式 2021-04-29,IOS解析不了,应把 - 替换为 /const date = '2021-04-29';const time = new Date(date.replace(/-/g, '/')).getTime();2、IOS页面最底部会有一块空白区域,在html中引入meta,设置'viewport-fit=cover',即可去除<meta name="viewport" content="viewport-fit=cover">3、在vue中样式使原创 2021-08-30 17:08:09 · 245 阅读 · 0 评论