H5
小小雪花儿
你如今的气质里,藏着你,走过的路,遇到的人,读过的书
展开
-
vue h5项目 接支付方式 微信支付还有支付宝支付
首先判断,是在微信中打开还是非微信打开,非微信打开,创建订单式,判断选择支付宝支付,还是微信支付支付宝支付:请求后端给的api,传入订单号,或者你们自定义的参数,然后请求成功后返回的地址是后端直接配置的,支付成功后跳转相应的界面,注意:判断有无支付宝app,是支付宝自己的界面测试地址 :https://wxh5.hyxhbao.com/home //支付宝app支付 this.$api.order .payWithAlipayH5({ o原创 2020-12-16 11:37:34 · 1348 阅读 · 1 评论 -
vue h5项目自定义audio组件,进度条可拖拽
思路:先按照原生audio组件,将如何控制播放暂停写出来,通过相关属性获得当前播放时间以及总时长,然后难点在于如何实现进度条的拖拽,控制时间的显示。相关拖拽: // touchstart 触摸开始,多点触控,后面的手指同样会触发 // touchmove 接触点改变,滑动时 // touchend 触摸结束,手指离开屏幕时 // touchcancel 触摸被取消,当系统停止跟踪触摸的时候触发全部代码<template> <div> .原创 2020-12-10 18:30:13 · 2523 阅读 · 4 评论 -
H5怎么禁止点击图片跳出图片的问题
解决:1 css设置img{pointer-events: none; }这种方式可以解决这个问题,但是当如果你在此时的img上绑定点击事件,点击图片时这个事件将不会被触发。这种情况可以使用一个带点击事件的元素包裹这个img解决。2 js阻止浏览器默认行为document.body.addEventListener(‘click’,function(e){e.preventDefault();});3 将图片显示改为背景图显示...原创 2020-11-27 14:00:09 · 2311 阅读 · 0 评论 -
html访问图片资源403问题(http referrer)
之前碰到一个问题,就是html中通过img标签引入一个图片地址,报403。但是这个图片地址直接复制出来在地址栏打开,却是看得到的。在HTML代码的head中添加一句即可或者a标签的referrer<a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a> img/i...原创 2020-01-08 11:39:05 · 1320 阅读 · 0 评论 -
h5清除页面默认样式
/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元素 */pre, /* text formatting elements 文本格式元素 */form, fields...原创 2019-10-23 10:44:25 · 2621 阅读 · 0 评论 -
h5px 转rem
<script type="text/javascript"> // px转rem var rootResize = function() { var baseFontSize = 100; var baseWidth = 750; var minWidth = 320; ...原创 2019-10-23 10:43:40 · 58003 阅读 · 0 评论