0122微信小程序保存视频到本地（封装）阅读(3499)条2021/1/22 14:23:06

function getVideoStting(url) { return new Promise((reslove, reject) => { if (url) { wx.showLoading({ title: '保存中', mask: true }) wx.getSetting({ success(res) { wx.downloadFile({ url: url, success: function (res) { console.log(res) var temp = res.tempFilePath wx.saveVideoToPho...阅读全文

Taget：小程序 视频 封装 Promise 

0715关于微信小程序 wx.getBackgroundAudioManager 的错误提示阅读(10022)条2019/7/15 10:12:43

最近鼓捣的小程序要用到背景音乐这个wx.getBackgroundAudioManager 背景音乐插件。在小程序管理后台的 【开发】有报一些关于wx.getBackgroundAudioManager的错误。所以也查了一些相关资料并没有找出原因，经过自己仔细检查代码发现了。原来是在没有开启背景音乐的情况下，进行了其它的相关操作导致。完整错误代码如下：setBackgroundAudioState:fail: jsapi has no permission, event=setBackgroundAudioState, runningState=background, pe...阅读全文

Taget：小程序 背景音乐 

0608小程序之 保存canvas生成商品图片附加小程序二维码 分享到朋友圈阅读(12179)条2018/6/8 14:25:30

一、概述：看了很多小程序的canvas，很多人在骂街，跟浏览器的操作实在相差太多，API极少。所以有些功能基本上没办法实现。但是基本的还是可以的。比如我要实现 生成商品图片（包含产品的：标题，价格，图片，小程序商品详情的二维码等）点击生成后的canvas保存到手机。虽然效果实现了，但是走了不少弯路。所以有必要在此纪念一下。需要用到的生成二维码组件（可自行下载添加到小程序根目录utils里）：https://github.com/demi520/wxapp-qrcode/blob/mas...阅读全文

Taget：小程序 canvas 

1207小程序 文字从右往左无限滚动阅读(23796)条2017/12/7 16:20:21

一、概述：由于小程序里面使用的都是变量控制，所以使用起来比较难掌握，今天做了一个文字从右向左滚动的实例，写法比较简单。效果如下图所示：二、实现过程：1、解决思路：一共两个text控件，当第一个text滚动完后应该是看到第二个text控件了，但是在这个时候最好的方法不是让它滚完，而是用重新又从第一个text控件开始滚动，控制起来超级简单，基本实现了跑马灯的效果，另外加了一个如果文字不足一屏，不执行跑马灯的效果，而且添加了超大的间距，解决...阅读全文

Taget：小程序 实例 滚动 

1205小程序 swiper 图片高度自适应+预览图片阅读(17754)条2017/12/5 11:34:13

一、概述：在开发小程序的项目中，经常会用到swiper这个轮播组件，但是使用的时候会有一个问题，swiper系统会默认一个高度而且是px为单位的，如下:swiper { display:block; height:150px;}这些参数可以用其它样式覆盖，但是图片不可能固定高度。image的高度是无法用px固定单位，一般是宽固定 rpx，mode="widthFix" 高度自适应。下面就开始介绍如何用图片在swiper自适应高度，而不会被遮住。实际效果图如下：二、实现过程：1、小程序...阅读全文

Taget：小程序 swiper 图片 

1106微信小程序组件 使用button更有效的 打开客服会话阅读(22113)条2017/11/6 10:04:41

一概述：本文不介绍如何开启客服，而是如何打开客服会话，本来使用contact-button控件是可以实现的，介是有效区域太小，所以还是得找替换方法，button是可以支持的只是在测试的时候需要用真机打开才会有效果，所以很多人在用contact-button来做，什么多放一些contact-button来增大有效点击区域，真是太无语了。二、以下是介绍两种使用方法：1、使用button来打开客服会话(本人推荐)button参数说明<view class="deg"><button ...阅读全文

Taget：小程序 button 客服 

1013微信小程序中显示html格式内容的方法 wxParse阅读(8273)条2017/10/13 10:16:57

前言最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html内容的时候，就可以通过wxParse来实现。准备工作：首先我们下载wxParsegithub地址：https://github.com/icindy/wxParsewxParse下载完之后我们需要用到目录下的wxParse文件夹，把他拷贝到我们的项目目录下下面是具体的使用步骤1、在app.wxss全局样式文件中，需要引...阅读全文

Taget：小程序 html 

0110微信小程序中rpx与rem单位转换阅读(12794)条2017/1/10 10:56:11

本文讲解rpx和rem应用于微信小程序，如果你还没有入门，建议先从下面看起：微信小程序官方文档web app变革之remrpx单位官方文档rpx单位基础介绍如果看完上面几篇文章，我们开始进入正题吧~~一、rem的使用1） js中导入下面这段代码(function (doc, win) { var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc...阅读全文

Taget：rpx rem 微信 小程序