
uniapp 公众号h5项目
文章平均质量分 69
MrHao_
这个作者很懒,什么都没留下…
展开
-
uniapp h5/app实现pdf在线预览/vue中pdf.js使用
微信公众号h5实现pdf在线预览/vue中pdf.js使用最近做的一个公众号项目,项目需求需要在页面内预览pdf文件。本来想直接用链接去预览,结果发现安卓手机会直接提示下载,ios可以预览,这样是不满足需求的。最后使用了pdf.js。官网下载地址https://mozilla.github.io/pdf.js/getting_started/#download下载好后,第一步将文件放在static文件下在这里插入图片描述第二步我用的是iframe,因为我的页面还要放其他东西。 &l原创 2020-10-09 18:46:16 · 19339 阅读 · 43 评论 -
h5 生成海报图和生成二维码
生成海报图和二维码,如果是vue的话,先下载两个插件QRCode和html2canvashtml//海报html元素放这个标签内 <div id="posterHtml" v-show="true"></div> <!-- 海报图 --> <div class="posterImg" v-show="posterShow"> <img :src="posterImg" alt /> </div&原创 2020-09-15 11:23:16 · 2043 阅读 · 1 评论 -
uniapp h5微信分享
最近用uniapp做的一个公众号h5的项目,实现微信分享操作,第一次接触的新手可能有点蒙,其实很简单的。先下载微信 js-sdknpm install jweixin-module --save官方地址:https://ask.dcloud.net.cn/article/35380官网怎么使用也是很简洁,直接忽略了新手的感受。新手不要慌,网上很多方法,但是主要是弄懂了,看懂别人写的代码。你就会发现套上去,改哪些地方就能是自己的方法了。我们下载好微信jssdk后,我们先建一个js文件,wecha原创 2020-09-15 11:00:19 · 4974 阅读 · 17 评论 -
uniapp h5底部弹出层相机和相册
项目中做的一个功能,我想把项目中的每一个功能都用写博客的方式记录下来,说不定以后还能用上呢。也相当于给自己做笔记了。做这个功能需要我们在uniapp的插件市场上下载一个uniPopup弹出层的组件。先上代码HTML <div class="box"> <div v-for="(item,index) in imgList" :key="index" class="upcertImg"> <img :src="item" alt原创 2020-09-15 10:13:41 · 2128 阅读 · 0 评论 -
vue实现微信分享遮罩层禁止点击禁止滚动
vue实现遮罩层禁止点击禁止滚动先看效果图直接上代码html 遮罩层 <div class="mask" @touchmove.prevent @click="mask=false"> //点击自身是关闭 <div class="maskImg"> <img src="../../static/fxhy.png" alt /> </div> </div> <di原创 2020-09-11 18:19:04 · 1473 阅读 · 2 评论