Vue + SignaturePad(canvas)实现移动端手写签名

​移动端下业务需要全屏手写签名,需求:兼容横竖屏,无论横竖屏下,签字图都需要是横向显示: 插件SignaturePad一、思路分析:1 . 移动H5虽可以判断横竖屏,但考虑到多设备访问问题(微信下,有的手机需要用户开启横屏模式才可以旋转,一般人不知道怎么设置),所以强制横屏显示只能放弃。2 . 无法强制横屏,那么我们是否可以通过CSS将页面旋转达到视觉横屏效果呢? 答案当然是可以,通过 tran

- 阅读全文 -

js-cookie使用说明文档

js-cookie是一个简单的,轻量级的处理cookies的js API存值//创建简单的cookie Cookies.set('name', 'value'); //创建有效期为7天的cookie Cookies.set('name', 'value', { expires: 7 }); //为当前页创建有效期7天的cookie Cookies.set('name', 'value', {

- 阅读全文 -

vuex-persistedstate实现vuex持久化

vuex-index.js,更多用法vuex-persistedstate插件使用cnpm install vuex-persistedstate --save import createPersistedState from "vuex-persistedstate" const debug = process.env.NODE_ENV !== 'production'

- 阅读全文 -

webpack配置px转rem插件

vant官方推荐一下2款插件,使用注意版本兼容问题postcss-pxtorem 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位lib-flexible 用于设置 rem 基准值lib-flexiblecnpm install lib-flexible --save // main.js 移动端适配 import 'lib-flexible/flexible.js' //

- 阅读全文 -

webpack配置全局css

package.json"@vue/cli-service": "~4.5.0", "node-sass": "^5.0.0", "sass-loader": "^10.1.0",webpack.js | vue.config.jsmodule.exports = { css

- 阅读全文 -

IOS内嵌H5页面,返回出现半截白屏问题及解决方案

场景【ios内嵌加载h5页面】A页面加载数据 ---> 跳转B页面后返回 ---> 返回A页面会显示一部分白屏,随意滑动页面后,页面显示完整(android下没事)分析可能跟ios回弹效果,组件有关系,iOS WebView加载网页触摸白屏bug排查; 附上VUE-ISSUES解决方案方案一:(使用中, 简单粗暴)History.scrollRestoration 定义:

- 阅读全文 -

最近回复

标签

链接