2019-02-18 微信小程序实现商品属性联动选择 微信小程序实现商品属性联动选择 这篇文章主要为大家详细介绍了微信小程序实现商品属性联动选择,具有一定的参考价值,感兴趣的小伙伴们可以参考一下先上个效果图,效果演示:代码示例1、commodity.xml<!-- <view class="title">属性值联动选择</view> --> <!--options--> <view class="commodity_attr_list"> <!--每组属性--> <view class="attr_box" wx:for="{{attrValueList}}" wx:for-item="attrValueObj" wx:for-index="attrIndex"> <!--属性名--> <view class="attr_name">{{attrValueObj.attrKey}}</vi... 2019年02月18日 6,018 阅读 0 评论
2018-12-03 微信小程序实现保存图片到相册功能 微信小程序实现保存图片到相册功能 项目中有个保存二维码到相册的功能,所以涉及到用户是否授权相册权限的问题。这篇文章主要介绍了微信小程序实现保存图片到相册功能,需要的朋友可以参考下项目中有个保存二维码到相册的功能,所以涉及到用户是否授权相册权限的问题。废话不多说,直接上干货...功能逻辑:先检查用户请求过的权限中是否允许"保存到相册"权限,如果没有请求过这个权限,应该向用户发起授权请求(弹窗授权),如果请求过这个权限,并且授权了,那就保存图片,显示保存成功;如果请求过,但是是拒绝的,就跳到设置页,重新授权。上代码:<view bindtap='save'>保存图片到相册</view>//点击保存图片 save () { let that = this //若二维码未加载完毕,加个动画提高用户体验 wx.showToast({ icon: 'loading', title: '正在保存图片', duration: 1000 }) //判断用户是否授权"保存到相册" wx.getSetting({ success (res) ... 2018年12月03日 4,936 阅读 0 评论
2018-11-28 PHP实现小程序批量通知推送 PHP实现小程序批量通知推送 本文实例为大家分享了PHP实现小程序批量通知推送的具体代码,供大家参考,具体内容如下基本效果如下:本文实例为大家分享了PHP实现小程序批量通知推送的具体代码,供大家参考,具体内容如下基本效果如下:具体实现如下:1.配置模板2.从小程序获取formId,传到后台存到表里下发条件说明1).支付当用户在小程序内完成过支付行为,可允许开发者向用户在7天内推送有限条数的模板消息(1次支付可下发3条,多次支付下发条数独立,互相不影响)2).提交表单当用户在小程序内发生过提交表单行为且该表单声明为要发模板消息的,开发者需要向用户提供服务时,可允许开发者向用户在7天内推送有限条数的模板消息(1次提交表单可下发1条,多次提交下发条数独立,相互不影响)wxml<form bindsubmit="getFormId" report-submit="true"> <button formType='submit'>获取formId</button> </form>jsgetFormId:function(e){ ... 2018年11月28日 117,519 阅读 0 评论
2018-11-16 微信小程序页面缩放式侧滑效果的实现代码 微信小程序页面缩放式侧滑效果的实现代码 这篇文章主要介绍了微信小程序页面缩放式侧滑效果的实现代码,实现原理就是通过点击按钮,往需要动画的div中添加或移除拥有动画效果的class。具体实例代码大家跟随小编一起通过本文学习吧先给大家展示下效果图,大家感觉不错,请参考实现代码:实现原理:点击按钮,往需要动画的div中添加或移除拥有动画效果的class。由于微信小程序中不能操作page这个根节点,所以,只有用一个div(view)来模仿page根节点。1.结构<view class='page {{isFix?"pageShow":"pageHide"}}' > <view class='header'> <view class='h-toggle iconfont icon-list' bindtap='pageBtn'></view> </view> </view> <view class='r-box {{isFix?"fixShow":"fixHi... 2018年11月16日 4,782 阅读 0 评论
2018-11-03 微信小程序实现邀请好友组队功能 微信小程序实现邀请好友组队功能 微信小程序实现邀请好友组队功能battle.wxml<!--pages/battle/battle.wxml--> <!-- 对战页面 --> <view class='whole'> <image class='backImage' src='../../resources/img/battle/background.png'></image> <!-- 个人信息 --> <view class="userinfo"> <cover-image class="userinfo-avatar" src="{{userInfoAimageurl}}"></cover-image> <cover-text class="userinfo-nickname">{{userInfoAnickname}}</cover-text> </view... 2018年11月03日 10,820 阅读 0 评论
2018-10-01 微信小程序项目总结之点赞 删除列表 分享功能 微信小程序项目总结之点赞 删除列表 分享功能 这篇文章主要介绍了微信小程序项目总结之点赞 删除列表 分享功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下小程序点赞功能思路:在后台没有给你接口自己模拟数据data:{ likes:{ iszan:false, num:0 } }1.遍历评论列表 判断点击的id2.如果id相同 判断是否点赞过 如果为true -1 如果为false +13.更新数据bindlike:function(e){ var newData = this.data.release.map(function(item){ if (item.id == e.currentTarget.dataset.id){ console.log(item.id + e.currentTarget.dataset.id ) if(item.likes.iszan){ var obj = {} obj.iszan = !item.likes.iszan; obj.num = item.likes.num -1 ; return ... 2018年10月01日 6,148 阅读 0 评论
2018-08-31 微信小程序实现MUI数字输入框效果 微信小程序实现MUI数字输入框效果 这篇文章主要为大家详细介绍了微信小程序实现MUI数字输入框效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序实现MUI数字输入框的具体代码,供大家参考,具体内容如下效果图WXML<view class="tui-content"> <view class="tui-gallery-list">默认</view> <view class="tui-gallery-list"> <view class="tui-number-group"> <button class="tui-number-cell" bindtap="nextNum">-</button> <input class="tui-number-cell" type="number" value='{{number}}'>... 2018年08月31日 6,882 阅读 0 评论
2018-08-29 微信小程序图片选择、上传到服务器、预览(PHP)实现实例 微信小程序图片选择、上传到服务器、预览(PHP)实现实例 这篇文章主要介绍了微信小程序图片选择、上传到服务器、预览(PHP)实现实例的相关资料,需要的朋友可以参考下小程序实现选择图片、预览图片、上传到开发者服务器上后台使用的tp3.2 图片上传 请求时候的header参考时可以去掉(个人后台验证权限使用)小程序前端代码:<view class="section"> <form bindsubmit="bindFormSubmit"> <textarea placeholder="请输入问题内容" name="content"/> <view class=""> 选择提问图片: <label bindtap="checkimg">点击选择图片</label> </view> <view class=""> <image wx:for="{{imglist}}... 2018年08月29日 6,232 阅读 0 评论
2018-08-27 微信小程序支付功能实现及PHP接口代码 微信小程序支付功能实现及PHP接口代码 这篇文章主要为大家详细介绍了微信小程序支付的PHP实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序支付PHP具体代码,供大家参考,具体内容如下服务器端获取 openidGetopenid.php<?php header('Content-type: application/json; charset=UTF-8'); $APPID="";//填写小程序appid $SECRET="";//填写小程序secret $JSCODE=""; if(isset($_GET['js_code'])){ $JSCODE=$_GET['js_code']; $url="https://api.weixin.qq.com/sns/jscode2session?appid=".$APPID ."&secret=".$SECRET."&js_code=".$JSCODE.&qu... 2018年08月27日 5,710 阅读 0 评论
2018-08-14 微信小程序之获取当前位置经纬度以及地图显示详解 微信小程序之获取当前位置经纬度以及地图显示详解 最近刚开始接触微信小程序,在弄懂其结构以及相关接口之后,准备着手实现一个小程序,功能包括--获取用户当前位置的经纬度,在地图上查看位置,通过地图获取不同位置的经纬度。微信小程序的主体部分包括:新增页面需要在app.json进行配置:"pages":[ "pages/index/index", "pages/location/location", "pages/logs/logs" ]通过在视图层调用bindtap与逻辑层中的方法匹配--实现页面跳转:视图层<view class="location" bindtap="locationViewTap"> <button>获取用户当前位置</button> </view>逻辑层locationViewTap: function(){ wx.navigateTo({ url: '../location/location' }) }通过在视图层调用bind... 2018年08月14日 5,454 阅读 0 评论