效果html代码 <form bindsubmit="formSubmit" bindreset="formReset"><view class="section section_gap"><view class="section__title">是否公开信息</view><switch name="isPub" /></view><view class="section"><view class="section__title">手机号</view><input name="phone" placeholder="手机号" /></view><view class="section"><view class="section__title">密码</view><input name="pwd" placeholder="密码" password/>...
效果 js let app = getApp(); Page({data: {img: "/images/1.jpg"},onLoad() {},scan() {wx.scanCode({success: (res) => {console.log("扫码结果");console.log(res);this.setData({img: res.result})},fail: (res) => {console.log(res);}})} }) html <view class="view"><image class="cover-9" src="{{img}}" bindtap="img"></image><button type="primary" bindtap="scan" id="scan">扫一扫</button> </view> css page{heig...
在本文 微信小程序--获取用户地理位置名称(无须用户授权) 之前需要先看看 微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的。 准备 1、在http://lbs.qq.com/网站申请key 2、在微信小程序后台把apis.map.qq.com添加进request合法域名 效果添加封装 /*** 发起网络请求* @param {string} url * @param {object} params * @return {Promise} */static request(url, params, method = "GET", type...
微信小程序-获取用户session_key,openid,unionid - 后端为nodejs8.0+ 步骤： 1、通过wx.login接口获取code既jscode，传递到后端； 2、后端请求 https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 地址，就能获取到openid和unionid。 小程序接口promise化和封装 1、utils文件夹下创建wechat.js文件/*** Promise化小程序接口*/ class Wechat {/*** 登陆* @ret...
本文实例讲述了微信小程序实现的绘制table表格功能。分享给大家供大家参考，具体如下： 表格的绘制 js Page({ data:{ infeed:["", "1周", "2周", "3周", "总计"], endwise1: "游泳", tb1:"0", tb2:"0", tb3:"0", tb4:"0", endwise2: "跑步", tc1:"0", tc2:"0", tc3:"0", tc4:"0", endwise3: "健身", td1:"0", td2:"0", td3:"0", td4:"0", } })wxml <view class="tle"><view class="ae by-c"><block wx:for="{{infeed}}" wx:key="*t...
公司要求用小程序重构已有的微信公众号，于是没接触过小程序的我。。。好的，直接进入主题。 如何在小程序里面退出小程序。 这个功能基本上都会用到，而文档里面没有找到如微信一样直接的api：WeixinJSBridge.call(closeWindow);于是我就各种上网搜，好的，结果告诉我小程序已经出了这个api，但未公开= =||| 那就是说 现在 是没有这个api的（掀桌！），查了又查，是有一个方法，就是利用现有的api自己做一个。是的，就是用这几个美...
获取当前时间 首先，在要获取时间的.js文件中加载util.js文件然后在onload方法中，调用util.js中的formatTime方法获取当前时间 //获取当前时间// 调用函数时，传入new Date()参数，返回值是日期和时间var TIME = util.formatTime(new Date());this.setData({time: TIME,}); 这样就获取到了当前时间，但是我们发现在util.js中并没有获取当前日期的方法。 没事，别慌！ 这个时候我们去看下util.js中获取当前时间的方法formatTime()，...
本文实例讲述了微信小程序实现的图片保存功能。分享给大家供大家参考，具体如下： 微信小程序保存图片分为两步： 1.下载文件资源到本地，客户端直接发起一个 HTTP GET 请求，返回文件的本地临时路径。 即：调用函数wx.downloadFile({}) 2.保存图片到系统相册。 即：调用函数wx.saveImageToPhotosAlbum({}) 具体代码如下： .wxml <button data-image={{图片路径}} bindtap="saveImage" >保存图片</button>.js saveImage: function (...
本文实例讲述了微信小程序实现的一键拨号功能。分享给大家供大家参考，具体如下： 1. 在.wxml文件中绑定拨号事件 <button type="default" bindtap="calling">拨打电话</button>2. 在.js文件中加入逻辑代码 calling: function () {wx.makePhoneCall({phoneNumber: ***************,success: function () {console.log("拨打电话成功！")},fail: function () {console.log("拨打电话失败！")}}) }3. 效果图关于wx.makePhoneCall更多详...
我前段时间做微信支付，遇到了很多坑，网上也没有讲解的特别明白的，通过借鉴各路人才的经验，最后也完成了，网上有很多讲解，我在这只讲一些注意点和解决的方法。我就讲讲我从完全懵到完成的过程吧。 在微信提供的接口文档中提供了一个微信支付接口，应该是直接调用这个接口就可以发起微信支付 文档路径：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文件中引入图表组件，代码如下：...