TypechoJoeTheme

轩宇网

搜索到 26 篇与 微信小程序开发 的结果
2019-05-10

微信小程序自定义带价格显示日历效果

微信小程序自定义带价格显示日历效果
这篇文章主要为大家详细介绍了微信小程序自定义带价格显示日历效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序自定义日历效果的具体代码,供大家参考,具体内容如下JS代码:var Moment = require("../../utils/moment.js"); var DATE_YEAR = new Date().getFullYear(); var DATE_MONTH = new Date().getMonth() + 1; var DATE_DAY = new Date().getDate(); Page({ data: { year: '', month: '', day: '', days: {}, systemInfo: {}, weekStr: ['日', '一', '二', '三', '四', '五', '六'], checkDate:[] }, onLoad: function(options) { var _this = this; let now = new Date(); le...
2019年05月10日
4,329 阅读
0 评论
2019-05-10

微信小程序日历弹窗选择器代码实例

微信小程序日历弹窗选择器代码实例
这篇文章主要介绍了微信小程序日历弹窗选择器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧应项目需求,写了一个弹窗日历选择器,感觉用着还不错,封装了一下,分享给大家,希望大家有什么意见可以指出来相互交流共同改进!先上一个效果图:(当天日期为2019-05-10)直接上代码:wxml:<view class="weui-cells weui-cells_after-title" style='margin-top:100rpx;'> <view class="weui-cell weui-cell_access" hover-class="weui-cell_active" catchtap='showModalBtn'> <view class="weui-cell__bd">选择时间</view> <view class="weui-cell__ft weu...
2019年05月10日
4,755 阅读
0 评论
2019-02-18

微信小程序实现左右列表联动

微信小程序实现左右列表联动
这篇文章主要为大家详细介绍了微信小程序实现左右列表联动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序实现左右列表联动的具体代码,供大家参考,具体内容如下效果图:直接上代码:wxml界面:<view class='header'> <text class='headerClass'>分类</text> <text class='headerPin'>/品牌</text> <view class="search"> <image src='/images/搜索.png'></image> <text>搜索商品</text> </view> </view> <view class='main'> <view class='left'> <scroll-view scroll-y="true" style="hei...
2019年02月18日
5,360 阅读
0 评论
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 评论
2019-01-23

微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能

微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
这篇文章主要介绍了微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能,涉及微信小程序map组件结合微信API获取天气信息相关操作技巧,需要的朋友可以参考下本文实例讲述了微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能。分享给大家供大家参考,具体如下:效果图实现原理采用高德地图微信小程序开发API(getWeather),如果 city 属性的值为空(或者没有city属性),默认返回定位位置的天气数据;如果 city 不为空,则返回 city 指定位置的天气数据。WXML<view class="map-weather">  <view><text>城市:</text>{{address}}</view>  <view><text>天气:</text>{{weather}}</view>  <view><text>温度:</text>{{temperature}}℃</view...
2019年01月23日
5,631 阅读
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 评论