我前段时间做微信支付，遇到了很多坑，网上也没有讲解的特别明白的，通过借鉴各路人才的经验，最后也完成了，网上有很多讲解，我在这只讲一些注意点和解决的方法。我就讲讲我从完全懵到完成的过程吧。 在微信提供的接口文档中提供了一个微信支付接口，应该是直接调用这个接口就可以发起微信支付 文档路径：https://developers.weixin.qq.com/miniprogram/dev/api/api-pay.html#wxrequestpaymentobject但是，当开始信心满满的去看所...
接下来我想做的是一个下拉菜单用来分类的，但是在网上搜了一下，基本上全都是比较复杂的分类菜单，最简单的也是分三列的下拉菜单，但是并不想要这么复杂的，最后找了一个三列的，改成了单列。也把代码尽可能的简单化了。 实现的效果图： 合并状态：首先下面是目录结构： 下面是实现的具体代码： .wxml <!--选择框--> <view class="product-list"><!--条件选择--><view class="choice-bar"><view bindtap="opens" data-item="1" cla...
本文实例讲述了微信小程序实现的五星评价功能。分享给大家供大家参考，具体如下： 实现五星评价功能，效果图如下：.wxml文件： <view class="star-title">1、品质效果</view> <view class="star-pos"><image class=stars bindtap="changeColor" data-index=0 data-no="{{item}}" wx:for="{{stardata}}"src="{{flag[0]>=item? ../../images/icon/star1.png: ../../images/icon/star0.png}}" /><view style=margin-left: 30rpx;>{{st...
本文实例讲述了微信小程序整合使用富文本编辑器的方法。分享给大家供大家参考，具体如下： 使用WxParse插件实现小程序的富文本显示 ，下载地址：富文本插件WxParse 具体使用步骤： 1. 复制插件文件夹到项目根目录，emojis是表情包，可选择性删除2. 在.js文件中引入WxParse模块 var WxParse= require(../../../wxParse/wxParse.js);3. 在.wxss文件中引入WxParse.wxss样式，也可以在app.wxss中引入 @import"../../../wxParse/wxParse...
本文实例讲述了微信小程序Flex布局用法。分享给大家供大家参考，具体如下： Flex布局： Flexible Box的缩写，意为“弹性布局”，为盒模型提供巨大的灵活性 使用说明： 1. 任何容器都可以使用flex布局 .box {display: flex; }2.行内元素可以使用flex布局 .box{display: inline-flex; }3.webkit内核的浏览器，要加上-webkit前缀 .box {display: -webkit-flex; /* Safari */display: flex; }外层flex容器的属性： 1.flex-direction属性...
前言：网上有许多的图表库，如：Echarts、Tau Charts、ChartJS等等，具体自行百度。 这次我们使用的是：Echarts 官方教程：点击查看 Echarts下载地址：飞机直达 1.下载好之后，把里面的ec-canvas文件夹复制到项目中，如：在项目中建立一个文件夹component ，然后把ec-canvas放到component文件夹里面。2.在pages中新建一个页面，我这边建立了一个echarsDemo页面，然后在echarsDemo目录中的index.json文件中引入图表组件，代码如下：...
最近项目遇到了 一个小问题，当订单需要支付的时候，超过指定时间，自动关闭这个订单，未到达订单结束时间时，需要显示订单还有多久关闭, 如下图：写出的这个方法支持多个对象，看到技术群有很多人问这个问题，而没有人回答，决定把这个解决方案贡献出来（不知道算不算好的解决方案） 我的解决方案是: 后台给出订单的结束时间，然后再去请求服务器当前的时间，互相转换成时间戳，然后相减 得出的结果是 xxx毫秒 然后 / 1000 就是真...
本文实例讲述了微信小程序实现的一键复制功能。分享给大家供大家参考，具体如下： 微信小程序不支持页面复制功能，故要实现某些信息的复制，需要开发复制功能 微信小程序中复制一般采用调用 wx.setClipboardData 接口 实现功能如下： 1，.wxml里写一个复制按钮 <button bindtap="copy"> 一键复制 </button>2, .js里写复制功能copy: function (e) {var that = this;wx.setClipboardData({data: "这里为复制的内容",success: functi...
最近在开发小程序项目里遇到一个小难题-----一键复制 在网页开发里 我们可以引用大牛封装好的复制插件，比如无flash插件clipboard.js适用移动端，pc端------- 言归正装，打开微信开发文档打开-APi即可查询到： 第一个是设置要复制的内容到剪切板，第二个是获取剪切板的内容，我们要用到的是第一个设置剪切板内容： 1.<text class="tblin_items_txt" selectable="true">{{detail.taokouling||}}</text> <!-- 复制的对象--><view cla...
文件下载（遇到的坑） 1.要区分下载的内容是什么 0.1 图片下载wx.saveImageToPhotosAlbum(Object object) 0.2 视频下载wx.saveVideoToPhotosAlbum(Object object) 以上算是两大类 2.路径问题 图片文件路径，可以是临时文件路径或永久文件路径，不支持网络图片路径 不支持怎么处理需要使用 DownloadTask wx.downloadFile(Object object) 下载文件资源到本地。客户端直接发起一个 HTTPS GET 请求，返回文件的本地临时路径 也就是说...
今天把实现微信页面的跳转的几种方法总结分享下 1.使用导航组件，标签，页面链接来实现（可以发现点击时有背景） <!-- sample.wxml --> <view class="btn-area"><navigator url="../my/my">跳转到新页面</navigator> </view>参数如下2.给页面布局加监听bindtap事件，然后在方法里面，通过wx.navigatorTo来实现跳转（保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面） 在my.wxml中加监听bindtap事件 <v...
本文实例讲述了微信小程序实现的一键连接wifi功能。分享给大家供大家参考，具体如下： 在已知wifi账号和wifi密码的情况下，一般采用以下的流程来连接wifi Wi-Fi 接口调用： 1.Android： startWifi —> connectWifi —> onWifiConnected 2.iOS（仅iOS 11及以上版本支持）： startWifi —> connectWifi —> onWifiConnected 操作步骤如下： 1.获取手机的型号： connectWifi:function() { var that = this; //检测手机型号 wx.getSyst...
本文实例讲述了微信小程序分享功能onShareAppMessage(options)用法。分享给大家供大家参考，具体如下： 在页面的js文件中定义了 onShareAppMessage 函数时，页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。 1. 只有定义了该函数，小程序右上角的菜单中才会有转发按钮 2. 用户点击转发按钮的时候回调用该函数 3. 该函数内需要 return 一个 Object，Object中包含转发的信息（可自定义转发的内容） 页面中有可以触发转...
今天，小程序正式支持 SVG 写在前面 经过腾讯 Omi 团队的努力，今天你可以在小程序中使用 Cax 引擎高性能渲染 SVG！ SVG 是可缩放矢量图形(Scalable Vector Graphics)，基于可扩展标记语言，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。SVG 的优势有很多: SVG 使用 XML 格式定义图形，可通过文本编辑器来创建和修改SVG 图像可被搜索、索引、脚本化或压缩SVG 是可伸缩的，且放大图片质量不下降SVG 图...
我是纯前端的，有些时候没有后端接口，只能模拟一些数据来操作。偶然之下，发现了setdata 的一些机制，也有可能不对，请多指教。 先放结论：data的变量通过setdata绑在一起，是同步变化的 准备做一个一键还原界面的按钮事件，如果有后端接口，只需调一下接口，就可以了。问题是没有，于是想弄两个一模一样的数组A,B；A用来渲染界面，一键还原的时候，就把B的值赋给A，从而引起页面重新渲染，达到重置界面的效果。 结果一点反应也没...