![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
_Sunrise_
前端菜鸟一个
展开
-
解决html2canvas生成的图片偏移问题
createImage:function(){ var _this = this var width = document.querySelector("#imgBox").offsetWidth; var height = document.querySelector("#imgBox").offsetHeight; var canvasBox = document.createElement(...原创 2021-03-12 11:19:53 · 2910 阅读 · 0 评论 -
html5+vue仿淘宝购物车多个店铺实现单选全选
购物车有多个店铺商品的情况下实现单选全选1、实现单个店铺的全选获取店铺商品的数量,设置初始商品选中数字total=0,店铺全选中数量totalShop=0,点击选中total+1,反选total-1,再判断total是否等于店铺的商品数量,等于则店铺全选,totalShop+12、购物车全部选中当totalShop的值等于店铺数量的情况下,则购物车的商品全部选中...原创 2021-03-11 18:04:56 · 1411 阅读 · 0 评论 -
vue上传图片压缩,移动端可用
// 压缩前将file转换成img对象 readImg(file) { return new Promise((resolve, reject) => { const img = new Image() const reader = new FileReader() reader.onload = function(e) { img.src = e.target.result原创 2021-03-10 14:55:14 · 206 阅读 · 0 评论 -
vant tab标签 解决active选中不能高亮的问题
从a页面跳到b页面url上带一个参数index,选中tab高亮,但是刷新当前页或从商品详情返回后index就失效了,active都是默认0,解决方法是在在van-tab 加个name=“xx.toString()”,这个name必须是string格式,url上的index也转成string格式...原创 2020-10-29 19:48:43 · 4036 阅读 · 0 评论 -
用TcPlayer+即时通讯IM实现h5直播聊天室
使用插件视频播放:TcPlayer直播间聊天:IM1、安装和引入tim// IM Web SDKnpm install tim-js-sdk --save// 发送图片、文件等消息需要的 COS SDKnpm install cos-js-sdk-v5 --save2、创建实例//tim.js代码import TIM from 'tim-js-sdk';import COSSDK from "cos-js-sdk-v5";let tim = TIM.create({ SDKA原创 2020-07-10 16:38:06 · 1482 阅读 · 0 评论 -
纯CSS实现移动端左右滑动菜单
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .menu{ width: 100%; white-space: nowrap; overflow: hidden; ...原创 2019-05-11 18:00:14 · 4684 阅读 · 0 评论