微信小程序

小程序中下载文件后转发给好友

  微信小程序       2020年08月21日       378 热度    
零、背景最近在小程序做了一个文档相关的功能模块,在线分享、收藏、预览都没问题,唯一碰到下载的时候卡住了,下载后的文件是存储在微信的临时文件里,在系统目录里是找不到的(无论是安卓还是iOS)一、解决方案小程序官方文档中有一个打开文档的API,wx.openDocument,其中有一个showMenu的参数,设置为true的话,在打开文档后,右上角会出现一个按钮,其中包含了“发送给朋友”wx.down
小程序中下载文件后转发给好友

小程序中如何在子页面中触发父页面(上级页面)中的方法

  微信小程序       2020年08月10日       181 热度    
1.假设父页面中有这样一个方法fatherMethods:function(){ //...dosomething }2.在子页面的任何需要触发父页面事件的地方,触发方法,例如onload//获取页面栈,所有打开的页面,按顺序存储在页面栈中 varpages=getCurrentPages(); if(pages.length>1){ //上一个页面实例对象 varprePage=pages

在小程序中播放腾讯视频中上传的视频

  微信小程序       2020年07月17日       240 热度    
一、官方方案直接使用腾讯视频官方组件//在你们的wxml上这样插入视频元素,vid中的内容替换成视频的id <txv-videovid="e0354z3cqjp"playerid="txv1"></txv-video>//在你们的json里面插入 "usingComponents":{ "txv-vide

小程序自定义分享格式

  微信小程序       2020年07月01日       336 热度    
直接进入主题对于要分享的页面,在js中的onShareAppMessage方法中设置onShareAppMessage(res){ if(res.from==='button'){ //来自页面内转发按钮 //可以针对不同的来源,作不同的处理 console.log(res.target) } return{ title:'转发标题', //分享后打开的页面 pat

小程序实现附件上传

  微信小程序       2020年06月19日       875 热度    
一、需求办公类的小程序一般都会涉及到文件的上传,像是Word,Excel,PPT,PDF之类的文档。虽然手机上操作不是很方便,但是功能不可或缺。二、分析思路小程序的官方文档中有个上传文件的接口wx.uploadFile(Object object)接口示例:wx.chooseImage({ success(res){ consttempFilePaths=res.tempFilePaths wx.
小程序实现附件上传

在小程序上安装npm组件

  微信小程序       2019年12月10日       1,336 热度    
1.在小程序根目录新建npm项目npminit-y小程序根目录如果小程序根目录的名称包含中文,请去掉 -y ,回车,然后输入英文项目名称,然后一路回车就行了2.安装npm小程序支持npmiminiprogram-sm-crypto--production3.安装需要的npm组件(以vant-weapp为例)#通过npm安装 npmi@vant/weapp-S--production#通过yarn安
在小程序上安装npm组件

在微信小程序中实现上标/下标

  微信小程序       2019年12月10日       1,380 热度    
微信小程序不支持html中的上标<sup>与下标<sub>标签元素,当我们需要显示数学符号或者单位符号中上下标时,只有自己定义css模拟相应的效果:<view>密度g/cm<sup>3</sup>:</view>在app.wxss中:sup{ font-size:10px; vertical-align:text-top; }

小程序手动让input获取焦点并弹出键盘

  微信小程序       2019年12月10日       2,438 热度    
零、需求小程序的input有一个focus属性,如果focus="true",则进入页面的时候会自动获取焦点,但这不是我们想要的效果。我们需要在特定的操作后,在不手动点击input的情况下,使相应的input获取焦点。一、解决方案这里我们需要把focus的值设置为动态参数<inputclass="input-code"focus="{{foc

小程序禁止swiper手动滑动

  微信小程序       2018年11月22日       7,714 热度    
零、应用场景审批页面的内容应该是不可编辑的,swiper应该固定在一张图片上,不能滑动。一、方案在swiper-item节点上增加一个事件<swiper-itemitem-id="{{item.id}}"catchtouchmove="stopTouchMove"> ... </swiper-item>然后在写上对应的方法,阻止滑动s

 书籍推荐