随笔分类 -  微信小程序

微信小程序自定义tabBar和遇到的一些问题
摘要：第一步 在app.json文件找到“tarBar”对象，然后添加一个属性，代码如下： "tabBar": { "custom": true, //添加这个属性 "color": "#707070", "selectedColor": "#00c4cc", "list": [ { "pagePath" 阅读全文
posted @ 2020-03-02 21:41 兔子先生i 阅读(4723) 评论(1) 推荐(0)
微信小程序获取当前地理位置
摘要：获取用户地理位置，需要用到以下三个api方法： wx.getSetting() ： 获取用户的授权列表信息 wx.openSetting()：调起客户端小程序设置界面 wx.getLocation()：获取用户当前位置 <view bindtap='getCurrentLocal'>获取当前位置</ 阅读全文
posted @ 2019-11-01 12:48 兔子先生i 阅读(4835) 评论(0) 推荐(0)
mpvue中按需引入echarts
摘要：大家都知道小程序文件大小不能超过2M， 在项目中引入echarts后，文件大小远远超出2M了。因为echarts文件默认是包含所有图表代码的，所以文件体积会比较大。解决办法如下： 安装 首先我们先安装下面两个依赖包 自定义echarts 去echarts官网在线构建代码文件，根据自己的需求，选择相应 阅读全文
posted @ 2019-08-28 18:36 兔子先生i 阅读(2261) 评论(0) 推荐(1)
微信小程序遍历Echarts图表，实现多个饼图
摘要：如何在微信小程序中使用Echarts可以看我的另一个教程：点击查看 首先看一个简单的例子 1.wxml文件 2.js文件 3.json文件 (ec-canvas组件需要到官网下载，然后放到一个文件夹里面，然后在json文件中引入) 4.效果图 需求：假如有一个列表，每一条数据表示一个班级，然后通过图 阅读全文
posted @ 2019-01-03 16:44 兔子先生i 阅读(13065) 评论(3) 推荐(2)
在微信小程序中使用图表
摘要：前言：网上有许多的图表库，如：Echarts、Tau Charts、ChartJS等等，具体自行百度。 这次我们使用的是：Echarts 官方教程：点击查看 Echarts下载地址：飞机直达 1.下载好之后，把里面的ec-canvas文件夹复制到项目中，如：在项目中建立一个文件夹component 阅读全文
posted @ 2018-12-13 16:02 兔子先生i 阅读(7658) 评论(2) 推荐(1)
mpvue使用scroll-view实现图片横向滑动
摘要：html代码 js的话，就一个数组，里面存图片地址 css代码 阅读全文
posted @ 2018-07-16 14:13 兔子先生i 阅读(3105) 评论(0) 推荐(0)
mpvue图片轮播遇到的问题
摘要：小程序官方写法： 我们需要把它改成：（因为vue中绑定属性需要使用v:bind） 阅读全文
posted @ 2018-07-11 15:34 兔子先生i 阅读(373) 评论(0) 推荐(0)
mpvue小程序图片404
摘要：mpvue开发小程序时候，要添加静态本地图片 会报错： 原因有很多种，解决办法可以改webpack，或mpvue的包，这里提供一个非常直接的办法： 原因也很简单，static就是专门放静态资源文件的，存放在根目录下，直接就用 转载地址：https://blog.csdn.net/yibowanbo/ 阅读全文
posted @ 2018-07-11 14:19 兔子先生i 阅读(346) 评论(0) 推荐(0)
微信小程序图片变形解决方法
摘要：微信小程序的image标签中有个mode属性，使用aspectFill即可 注：image组件默认宽度300px、高度225px mode 有效值： mode 有 13 种模式，其中 4 种是缩放模式，9 种是裁剪模式。 阅读全文
posted @ 2017-11-06 18:00 兔子先生i 阅读(2979) 评论(0) 推荐(0)
微信小程序图片放大预览
摘要：需求：当点击图片时，当前图片放大预览，且可以左右滑动 实现方式：使用微信小程序图片预览接口 我们可以看到api需要两个参数，分别通过下面的data-list和data-src来传到js中 wxml代码： js代码： 1.给图片添加一个点击事件(imgYu) 2.使用event.currentTarg 阅读全文
posted @ 2017-11-02 13:52 兔子先生i 阅读(34390) 评论(12) 推荐(0)
微信小程序左滑删除功能
摘要：效果图如下： wxml代码： wxss代码： js代码： 教程参考地址：http://www.jb51.net/article/108071.htm 阅读全文
posted @ 2017-10-17 18:54 兔子先生i 阅读(5359) 评论(0) 推荐(0)
微信小程序用setData修改数组或对象中的一个属性值
摘要：在page中有如下数组 需求：把info[0].gMoney修改成1 一般情况下，我们会这样写 但很明显，编辑器已经报错了。 解决方法如下： 第一步：先用一个变量，把(info[0].gMoney)用字符串拼接起来。 第二步：将变量写在[]里面即可。 具体写法如图： 阅读全文
posted @ 2017-10-17 11:54 兔子先生i 阅读(41618) 评论(0) 推荐(7)
微信小程序之页面下拉刷新
摘要：如果需要给单个页面设置下拉刷新功能，不需要写在“”window”对象里面，直接在 文件名称.json 里面设置即可 阅读全文
posted @ 2017-10-06 21:07 兔子先生i 阅读(510) 评论(1) 推荐(0)
微信小程序之给项目设置id后提示不在合法域名列别中
摘要：hotapp 有免费的https proxy ，可以免费代理请求任何http或者https服务，只要设置好合法域名为https://wxapi.hotapp.cn, 就可以请求网址如请求小程序联盟的例子为点击下面链接，可以查看效果https://wxapi.hotapp.cn/proxy/?appk 阅读全文
posted @ 2017-10-04 14:11 兔子先生i 阅读(500) 评论(0) 推荐(0)
微信小程序之页面跳转路径问题
摘要：错误如下： 业务需求：在movie页面点击进入detail页面。 在遍历跳转路径的时候，写绝对路径了 只需改一下就好了 教程参考地址：http://blog.csdn.net/reylen/article/details/57075295 阅读全文
posted @ 2017-10-04 10:42 兔子先生i 阅读(4133) 评论(0) 推荐(0)
微信小程序之bindtap事件绑定传参
摘要：wxml代码： js代码： 解读： 在prev这个函数中，带一个参数e (event) ,它是一个对象，里面带有很多内容，具体自己可以在控制台打印输出看看， 之后我们通过e.currentTarget.dataset.这里填写你的自定义属性(只需填data-后面的就可以了)，上面代码是e.curre 阅读全文
posted @ 2017-10-03 10:14 兔子先生i 阅读(9788) 评论(0) 推荐(0)