微信小程序
xiaoma121212
这个作者很懒,什么都没留下…
展开
-
微信小程序 阻止遮罩层底部滚动
转载于:https://blog.csdn.net/qq_40580988/article/details/103614598在遮罩层的view中加入:catchtouchmove='ture'//例如:<view catchtouchmove='ture'>遮罩层</view>不知道有没有效果,暂时没有试过,先保存下来。...转载 2020-09-18 11:05:04 · 637 阅读 · 0 评论 -
微信小程序_自定义tabbar实现中间图标突出效果(附带wx.hideTabBar不生效的bug解决方案)
文章转载于:https://blog.csdn.net/weixin_44599931/article/details/105674126如有侵权,请联系我,我会第一时间删除本文章。github传送门https://github.com/SuRuiGit/wxapp-customTabbar第一步:找到项目中的tabbarComponent目录,拷贝到你的工程中,然后将tabbarComponent->icon图标替换成你自己的tabbar图片(建议把tabbarComponent目录与pag转载 2020-09-04 11:17:57 · 2304 阅读 · 1 评论 -
微信小程序分享功能
转载于:https://blog.csdn.net/weixin_41625322/article/details/823466121.微信小程序点击按钮分享指定页面<button data-info='{{order}}' open-type="share" hover-class='none'>分享</button>2.在js页面onShareAppMessage: function () {let id=123456; return { tit转载 2020-07-29 14:58:14 · 252 阅读 · 0 评论 -
小程序里如何使页面自动滚动到底部
//页面自动滚动到底部 pageScrollToBottom:function(){ wx.createSelectorQuery().select('.intro').boundingClientRect(function(rect){ console.log(rect); wx.pageScrollTo({ scrollTop: rect.height, }); }).exec() },intro为页面容原创 2020-07-21 10:54:16 · 1635 阅读 · 0 评论 -
微信小程序分页
wxml:<view> <goods-card goodsList="{{goodsList}}" /> <view class="cu-load bg-gray {{loadmore?'loading':'over'}}"></view></view>.jsPage({ data: { page: { current: 1, size: 10 }, loadmore: tru原创 2020-07-14 11:09:21 · 2145 阅读 · 1 评论 -
微信小程序实现上拉加载(分页加载)
转载于:https://blog.csdn.net/weixin_44836808/article/details/105884258本文将简单介绍微信小程序如何实现上拉加载(分页加载)主要思想是:当用户滑倒页面底部,或是距离页面底部x时(x可自定义),触发页面的触底监听函数,然后调用开发者设计的触底函数,进行相关请求。其中,请求第二页的数据时,会对返回的数组与原有的数组合并,并把新数组发送到data中,渲染到页面。小程序端js代码如下 data: { //消息列表数据 no转载 2020-06-30 10:02:05 · 4073 阅读 · 0 评论 -
小程序极点日历插件的使用
小程序极点日历插件的使用1.小程序后台添加插件首先在微信小程序后台——设置——第三方服务,按AppID搜索到该插件并申请授权。插件AppID:wx92c68dae5a8bb0462.相关配置app.json里引入插件声明(和window同级) "plugins": { "calendar": { "version": "1.1.3", "provider": "wx92c68dae5a8bb046" } }配置:我是写在app.json里的转载 2020-06-18 18:22:24 · 1224 阅读 · 0 评论 -
小程序更新版本updateManager
app.js里onLaunch: function(){this.updateManager()},// 检测新版本updateManager() {const updateManager = wx.getUpdateManager()updateManager.onUpdateReady(function () {wx.showModal({title: ‘更新提示’,content: ‘新版本已经准备好,是否重启应用?’,success(res) {if (res.confirm原创 2020-06-13 16:54:09 · 1501 阅读 · 0 评论 -
微信小程序接口封装wx.hideLoading()后wx.showToast()不弹出的问题
原文链接:https://blog.csdn.net/Anna0115/article/details/105370982 getDate(){ wx.showLoading({ title: '加载中', }); wx.request({ url:转载 2020-06-04 09:40:19 · 2529 阅读 · 1 评论 -
微信小程序音效播放
// 答对音效const answerRightAudio = wx.createInnerAudioContext();answerRightAudio.autoplay = false;answerRightAudio.src = 'https://js.runhua.com.cn/sound/right.wav';// 答错音效const answerWrongAudio = wx.createInnerAudioContext();answerWrongAudio.autoplay =原创 2020-05-22 20:39:52 · 2045 阅读 · 2 评论 -
微信小程序scrollview实现商城类导航联动
最近研究小程序,想做一个商城类导航联动,只实现了一半,右侧滚动级联左侧没有做出来,百度了些代码结果滚动时会卡死,而且没怎么看懂……wxml:<view class='main'> <view class='left'> <scroll-view scroll-y="true" scroll-with-animation="true"> <block wx:for="{{left}}" wx:key='*this' id="select_原创 2020-05-15 09:39:31 · 1031 阅读 · 1 评论 -
微信小程序中的webSocket长连接的使用
原文链接:https://blog.csdn.net/sinat_41695090/article/details/85684761 我们在交互的过程中,常常会遇到需要实时刷新页面,显示进度的需要,如果这时候如果使用setTimeout定时器这种就显得笨拙许多,需要定时不断的发起http请求,造成页面开转载 2020-05-13 17:02:47 · 1377 阅读 · 1 评论 -
小程序 canvas制作圆环倒计时
原文链接:https://blog.csdn.net/xjf18250534957/article/details/80094233?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158924449019195162527899%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.57675%2522%257D&request_id=158924449019195转载 2020-05-12 08:55:01 · 831 阅读 · 0 评论 -
微信小程序,左上角返回首页小房子
原文链接:https://blog.csdn.net/u012246458/article/details/94601488?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.noneca转载 2020-05-11 16:14:09 · 7748 阅读 · 0 评论 -
微信小程序progress进度条内部圆角
微信小程序progress进度条内部圆角<view class="progress-box"> <progress percent="80" border-radius='5' stroke-width="5" activeColor='#9966ff'/></view>.wx-progress-inner-bar { border-radius: 5px;}原创 2020-05-11 10:06:32 · 1875 阅读 · 1 评论 -
手把手教你玩转小程序websocket
原文链接:https://blog.csdn.net/qq_36436877/article/details/81780699?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonec转载 2020-05-11 09:08:10 · 370 阅读 · 0 评论 -
微信小程序 转发 分享功能
原文链接:https://blog.csdn.net/onion_line/article/details/83036502 官网文档:https://developers...转载 2020-05-08 17:24:32 · 903 阅读 · 0 评论 -
vh、rpx单位
1.vh 视窗高度的百分比,1vh代表视窗高度为1%;2.rpx 小程序中规定,所有的设备屏幕宽度都为750rpx。原创 2020-04-23 14:03:02 · 1244 阅读 · 0 评论 -
小程序底部tabBar购物车右上角增加数字
小程序底部tabBar购物车右上角增加数字data: { num:'1' }, onShow:function(){ var num=1; if(num==''){ wx.removeTabBarBadge({//移除tabbar右上角的文本 index: 2,//tabbar下标 }) }else{ ...原创 2020-04-23 13:36:25 · 1512 阅读 · 0 评论 -
微信小程序页面传值
1.页面传值从 A 页面传id到 B 页面A 页面实现以下代码<view wx:for='{{logs}}' wx:key='*this' bindtap="qu" data-id="{{item.id}}"> {{item.id}}----{{item.name}} </view><!-- ============================...原创 2020-04-14 14:35:28 · 267 阅读 · 0 评论 -
微信小程序中的空格怎么打
微信小程序中的空格怎么打? decode="{{true}}" 加  ;<text decode="{{true}}">1234 abcd</text>原创 2020-04-13 17:35:05 · 6578 阅读 · 2 评论 -
小程序调用腾讯视频插件
1,首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台,通过 appid:wxa75efa648b60994b 查找插件并添加。如果插件无需申请,添加后可直接使用;否则需要申请并等待插件开发者通过后,方可在小程序中使用相应的插件。腾讯视频小程序插件文档:https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=...原创 2020-04-11 17:05:54 · 2174 阅读 · 0 评论 -
微信小程序上传文件
wx.chooseImage({ success(res) { const tempFilePaths = res.tempFilePaths wx.uploadFile({ url: 'http://xxxxxxxxxxx', //仅为示例,非真实的接口地址 filePath: tempFilePaths[0],...原创 2020-03-18 16:19:57 · 601 阅读 · 0 评论 -
微信小程序 下载文件
js中的文件内容:Page({ /** 页面的初始数据 */ data: { }, /** 生命周期函数–监听页面加载 */ onLoad: function (options) { }, load(){ let _that = this; wx.downloadFile({ u...转载 2020-03-18 15:43:11 · 2156 阅读 · 0 评论 -
小程序购物车实现
前言 以往的购物车,基本都是通过大量的 DOM 操作来实现。微信小程序其实跟 vue.js 的用法非常像,接下来就看看小程序可以怎样实现购物车功能。需求先来弄清楚购物车的需求。单选、全选和取消,而且会随着选中的商品计算出总价单个商品购买数量的增加和减少删除商品。当购物车为空时,页面会变为空购物车的布局原文作者:林鑫,作者博客:https:/...转载 2019-09-20 10:47:52 · 415 阅读 · 0 评论 -
微信小程序中使用iconfont(阿里矢量图标字体)
原文链接:https://blog.csdn.net/huangpb123/article/details/80997033在微信小程序中使用 iconfont 主要有两种方式,第一种是使用 Font class 方式,第二种是使用 Unicode 方式。方式一:Font class 方式在 http://iconfont.cn/ 选择你想要的图标,选择 Font class 类型并下载...转载 2019-09-20 10:32:31 · 322 阅读 · 0 评论