微信小程序--风琳技术博客

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

微信小程序 2020年08月21日 3,248 热度

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

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

微信小程序 2020年08月10日 1,190 热度

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

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

微信小程序 2020年07月17日 1,594 热度

一、官方方案直接使用腾讯视频官方组件//在你们的wxml上这样插入视频元素，vid中的内容替换成视频的id <txv-videovid="e0354z3cqjp"playerid="txv1"></txv-video>//在你们的json里面插入 "usingComponents":{ "txv-vide

小程序自定义分享格式

微信小程序 2020年07月01日 1,486 热度

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

小程序实现附件上传

微信小程序 2020年06月19日 5,515 热度

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

在小程序上安装npm组件

微信小程序 2019年12月10日 2,592 热度

1.在小程序根目录新建npm项目npminit-y小程序根目录如果小程序根目录的名称包含中文，请去掉 -y ，回车，然后输入英文项目名称，然后一路回车就行了2.安装npm小程序支持npmiminiprogram-sm-crypto--production3.安装需要的npm组件（以vant-weapp为例）#通过npm安装 npmi@vant/weapp-S--production#通过yarn安

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

微信小程序 2019年12月10日 3,994 热度

微信小程序不支持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日 10,152 热度

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

小程序禁止swiper手动滑动

微信小程序 2018年11月22日 9,004 热度

零、应用场景审批页面的内容应该是不可编辑的，swiper应该固定在一张图片上，不能滑动。一、方案在swiper-item节点上增加一个事件<swiper-itemitem-id="{{item.id}}"catchtouchmove="stopTouchMove"> ... </swiper-item>然后在写上对应的方法，阻止滑动s