![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
h5开发
抽屉里的五花肉
专注搬砖30年~
展开
-
textarea高度随输入文字变化
1.下载emelentui的计算方法https://github.com/ElemeFE/element/blob/dev/packages/input/src/calcTextareaHeight.js2.引入计算方法import calcTextareaHeight from './calcTextareaHeight'3.监听输入内容并实时计算高度 watch: { detailAddress(val) { if(val.length > 100){ v原创 2021-01-12 17:22:22 · 423 阅读 · 1 评论 -
H5页面点击复制文本
框架:vue使用库:clipboard.js使用方法:1.安装npm install clipboard --save2.引入// 局部引入import Clipboard from "clipboard"// 全局引入import Clipboard from 'clipboard'; Vue.prototype.Clipboard=Clipboard;3.绑定复制内容<button id="copy" :data-clipboard-text="record.shi原创 2021-01-12 16:07:47 · 868 阅读 · 0 评论 -
h5开发 / 移动端不兼容text-align: justify的解决方法
最近做移动开发,需要做如下效果,信心满满的使用text-align: justify发现居然无效!!!!最后在网上找到了解决方法:<!-- 每个字之间都加个空格 --><!-- 后面加一个span标签是因为,只有一行的话,text-align-last是不起作用的 --><div class="desc"> 邀 请 新 用 户,领 取 更 多 红 包 哦! <span class="span_hid"></span></div原创 2020-11-18 18:59:13 · 1002 阅读 · 1 评论 -
h5开发 / 调用原生App的方法
// share()是原生提供的方法if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { // 苹果 if (window.share){ window.share(); } else if (window.webkit) { window.webkit.messageHandlers.share.postMessage() }} else if (window.Android && window原创 2020-11-23 10:10:32 · 1257 阅读 · 0 评论 -
h5开发 / weixin-js-sdk使用分享
最近做了一个h5活动页面,需要自定义微信分享的标题、详情、缩略图和url,使用到了jssdk,功能已经完成,总结一下这个东西到底怎么用(使用的是vue框架)先来做下思想建设:使用微信浏览器打开任何一个页面都可以点击右上角的···进行分享,这个功能只是可以自定义分享出去显示的标题、详情、缩略图和url,如图微信浏览器不支持主动唤起分享,所以如果你想做点击某个按钮就打开微信好友列表进行分享这种类似功能的话,就别想了,只能给用户一个提示,让他自己去分享,如图配置自定义分享内容的时间节点在用户可能分享原创 2020-11-18 18:37:34 · 2433 阅读 · 1 评论 -
h5开发 / 使用vue-seamless-scroll实现列表轮播
目的:轮播“最近提现”列表方案:使用vue-seamless-scroll效果:实现:1.安装cnpm install vue-seamless-scroll --save2.注册import vueSeamlessScroll from 'vue-seamless-scroll'Vue.use(vueSeamlessScroll)3.使用<vue-seamless-scroll :data="listData" :class-option="classOption"原创 2020-11-18 19:21:04 · 580 阅读 · 0 评论 -
h5开发 / 判断运行环境(苹果、安卓、微信浏览器)
isIos() { return (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent))},isAndroid() { return window.Android},isInWexin() { return navigator.userAgent.toLowerCase().includes('micromessenger')},原创 2020-11-23 10:05:52 · 367 阅读 · 0 评论