小程序
文章平均质量分 93
小程序相关,主要以wepy框架开发
五月闲云一野鹤
活力,热爱,坚持,努力!
展开
-
微信小程序下载文件,保存文件功能总结
微信小程序里面做下载文件并保存的功能一、涉及api1.`wx.saveFile()`2.`wx.downloadFile()`3.`wx.getFileSystemManager().saveFile()`4.api总结二、解决方案1.方案一2.方案二总结原创 2022-03-11 23:00:24 · 33570 阅读 · 8 评论 -
小程序轮播图实现中间大两边小的效果(超简单实现)
先上效果图,实现其实很简单,不需要你去调什么样式,写什么逻辑。只要你细心看下文档,你会发现有两个属性。你会发现微信已经实现了对于这样式的实现,我也是来做这个效果的时候才发现的这个配置,之前都是一闪而过。接下来就很简单了,直接配置下,就实现了。这里展示的代码是mpvue框架下写的。但是原理差不多。<template> <div> <swiper autoplay interval="2000" indicator-dots previous-margin=原创 2020-06-21 16:40:00 · 2407 阅读 · 2 评论 -
微信小程序自定义swiper的底部指示点(指示点不在swiper元素里面)
实现一个小程序swiper指示点在下方的一个demo,并且在每张图片上有对应的文字释义。效果图:最开始本来打算用css控制样式来实现,然后发现超出swiper元素内容会被隐藏,然后试了下,感觉有点麻烦,发现组件有提供两个事件给我,然后可以利用这两个事件,直接定义一个指示点。感觉这样更加直接,所以用的这个方式。...原创 2020-04-18 21:29:37 · 2271 阅读 · 2 评论 -
使用mpvue开发微信小程序编译完成后报错cannot read property 'call' of undefined
遇到一个这样的问题,当时的的情况是这样的,当前这个分支的代码是已经发布过的了,没有任何问题,然后我是从一个开发分支切到这个分支来之后,报这个错误,cannot read property 'call' of undefined真的抓破了头脑,因为没有改动,然后导致我真机上面打不开小程序,处于白屏状态。后面再排查中,搜了一下网上,说是组件名字起冲突了,我想不可能啊,我都没有动代码,之前都发布过了...原创 2020-04-01 22:51:44 · 2156 阅读 · 0 评论 -
mpvue框架下实现小程序之间的跳转功能(小程序与小程序的跳转,小程序之间跳转传参)
在开发小程序的时候,有时候我们的小程序需要跳转到其他的小程序里面去,这个官方也提供了方法给我们,wx.navigateToMiniProgram(Object object)方法,这个方法有三个要注意的点。这个事件必须用户手动点击才能触发,必须用户点击确定才能触发跳转,一个小程序不能跳转超过10个以上的小程序。具体的配置可以从去官方文档里面看下https://developers.weixin...原创 2020-03-31 21:37:02 · 515 阅读 · 0 评论 -
wepy框架下实现小程序之间的跳转功能(小程序与小程序的跳转,小程序之间跳转传参)
在开发小程序的时候,有时候我们的小程序需要跳转到其他的小程序里面去,这个官方也提供了方法给我们,wx.navigateToMiniProgram(Object object)具体的配置可以从去官方文档里面看下https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigate...原创 2020-03-29 23:40:40 · 679 阅读 · 1 评论 -
微信小程序页面跳转传json字符串后使用JSON.parse方法无效
记录下这个问题,哈哈。最近遇到这个问题,突然跟我说页面怎么没有传参进去,之前一直可以,然后我试了下,有的可以传递参数,有些不行。打了下console,发现JSON.parse方法这里就停了,后面就执行不下去了,也不报错。然后在手机上开启调试的时候,发现问题了。提示我参数数据太长了,然后微信小程序url截取了一部分,很尴尬,因为有些数据可能没有那么长,就没有截取,然后JSON.parse正常解析,...原创 2020-03-21 20:21:51 · 1068 阅读 · 0 评论 -
小程序路由跳转携带网址参数忽略问题解决
描述最近小程序做跳转的时候,发现携带参数的时候给我省略了一部分,刚开始还以为是我的参数太长了,是不是有限制,后面才知道是因为我的这条参数是一个网址,然后帮我省略了一部分,找到问题后,解决思路就很简单啦。转码一下就好了wepy.navigateTo({ url: "/pages/路径=" + encodeURIComponent(id) });//接收再转回来d...原创 2020-02-27 21:56:05 · 306 阅读 · 0 评论 -
微信小程序pdf预览功能实现(解决小程序下载pdf文件后缀为unknown导致不可预览问题多种方案)
描述因为项目是使用wepy框架开发的,所以语法上面如果大家是使用其它的方案要注意下,其实思路和核心代码大体上相同。、思路首先,做这个功能得知道,ios使用web-view标签是直接可以浏览pdf的,但是安卓系统的手机是不可以的,这个时候我们一般采用先下载,然后再打开的方式浏览。只要是借助小程序的wx.downloadFile、wx.openDocument事件实现这个功能。然后再区分ios和...原创 2020-02-27 21:42:54 · 6325 阅读 · 5 评论 -
原生小程序语法写的小程序通知栏(公告栏)上下滚动效果实现
前面写了一个wepy框架实现相同效果的,后面有朋友问我原生的怎么写,然后我就修改了下代码,实现了一个相同效果的demo先上图直接上代码,复制下就可以直接看效果了。wxml部分<view> <view class="notification_bar"> <image class="bar_left" src="https://ss1.bdstati...原创 2020-01-08 19:24:23 · 2591 阅读 · 7 评论 -
微信小程序wepy框架关闭Eslint校验
前两天有初次接触wepy的同学问我,小程序的wepy框架怎么关闭Eslint校验,新建了一个wepy项目,安装了Eslint,怎么关闭,在那里找了很久,都没弄出来,所以发篇文章帮助初次接触wepy框架的朋友。新建wepy项目后,在你的根目录文件夹中有一个wepy.config.js文件,打开这个文件,里面有项对Eslint的配置废话不多说,直接上图(虽然前面一大段废话)…够清楚吧,把这个改...原创 2019-10-31 23:45:03 · 1570 阅读 · 0 评论 -
用wepy写的一个关于小程序通知栏(公告栏)上下滚动效果实现
说明页面需要在顶部实现一个通知栏上下滚动的效果,对一些比较动态的信息做一个展示,一个比较实用的一个小效果。其主要核心思路是利用了动画的原理,实现效果的平滑实现。代码实现wxml部分<view> <view class="notification_bar"> <image class="bar_left" src="h...原创 2019-10-27 23:10:27 · 3529 阅读 · 0 评论 -
用wepy框架做的一个小程序密码输入框动态修改input的属性。
自己现在时间比较充裕,最近也想对自己之前的东西一些总结和收纳,帮助自己对于知识的梳理和强化,所以开始写博了。-----------------------------------------------------------------华丽的分割线------------------------------------------------------------最近开发了一个小程序的...原创 2019-10-18 22:10:59 · 591 阅读 · 0 评论