我前段时间做微信支付,遇到了很多坑,网上也没有讲解的特别明白的,通过借鉴各路人才的经验,最后也完成了,网上有很多讲解,我在这只讲一些注意点和解决的方法。我就讲讲我从完全懵到完成的过程吧。 在微信提供的接口文档中提供了一个微信支付接口,应该是直接调用这个接口就可以发起微信支付 文档路径: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,从而引起页面重新渲染,达到重置界面的效果。 结果一点反应也没...