小程序
余温无痕
这个人很懒
展开
-
小程序-基于vant的Picker组件实现省市区选择
以高德gaode-area.json为例,点击就可以下载高德省市区数据(包含压缩和未压缩的)刚开始看文档这个结构一时没有理解,有点懵,后面经过研究发现需要如下结构。因为想减少小程序的体积,故把文件丢到服务器上了。原创 2023-08-17 16:03:26 · 4768 阅读 · 0 评论 -
解决小程序富文本显示视频问题
【代码】解决小程序富文本显示视频问题。原创 2023-05-31 09:42:36 · 4259 阅读 · 2 评论 -
vant-weapp Dialog 小程序弹出框的使用方法
因为有业务场景需要到图表展示,所以去看echarts文档和一些相关的文章,自己测试没有问题之后,便整理下给大家参考,让大家少走些弯路1、首先自己在components文件下创建个echarts.vue(自定义命名),代码如下<template> <div> <div class="chart" :id="id" :style="{width:width,height:height}"></div> </div></temp原创 2021-10-24 11:40:32 · 10196 阅读 · 4 评论 -
小程序 echarts进阶篇(四),手指缩放与放大
只需要在你的option配置添加如下属性:legend: { // 显示图例组件 show: legendDatta ? true : false, data: legendDatta, bottom: '0', z: 100 }, // 重点,添加这个就可以了 dataZoom: { type: 'inside' }, xAxis: { type: 'category', .原创 2021-07-28 16:03:58 · 5959 阅读 · 4 评论 -
小程序 echarts进阶篇(三),减少echarts的体积
如果是从官网下载下来的echarts会有900多KB的大小,小程序开发不采用分包,然后你那个图片又多,很容易就超出小程序限制的2M大小,所以我们可以借用官网的自定义构建来自定义需求,echarts在线构建选择好配置之后点击下载,如果勾选了代码压缩就会下载echarts.min.js,没有勾选的话是echarts.js,建议正式发布版是下载压缩过后的,要不然文件还是会很大。2、下载压缩版好后,把echarts.min.js修改成echarts.js,然后覆盖你项目中的echar..原创 2021-07-28 11:52:13 · 2868 阅读 · 0 评论 -
小程序 echarts图表开发项目篇(二)
在我们项目使用的时候,肯定不能像上篇文章那样使用,因为我们得获取到后台数据,然后渲染出来,这时候我们得把option配置提取出来,具体的操作如下:1、JS代码const app = getApp();import * as echarts from '../../ec-canvas/echarts';var chartLine; // 这是第一个图表var chartLineMore; // 这是第二个图表function getOption(titles, xData, legendD原创 2021-07-28 11:13:14 · 746 阅读 · 0 评论 -
小程序 echarts图表开发基础篇(一)
1、首先,下载 GitHub 上的ecomfe/echarts-for-weixin项目。下载好后把这个文件夹保存到你的项目中,2、初步尝试,这块代码我是直接引用官网上的代码import * as echarts from '../../ec-canvas/echarts';const app = getApp();function initChart(canvas, width, height, dpr) { const chart = echarts.init(c...原创 2021-07-28 10:51:10 · 1523 阅读 · 0 评论 -
小程序 rich-text中图片点击放大与自适应大小问题
1、图片自适应大小// obj.info 后台返回的富文本数据 obj.info = obj.info.replace(/<img/gi, '<img class="fwb-img"') .replace(/<section/g, '<div') .replace(/\/section>/g, '\div>');// html:<view class="mdl-xq"> <rich-text原创 2021-07-09 14:49:59 · 3471 阅读 · 2 评论 -
uniapp 小程序生成多个sitemap.json文件解决方案
在uniapp中的manifest.json中切换到源码视图找到"mp-weixin"位置2、复制如下代码"mp-weixin" : { "appid" : "", "setting" : { "urlCheck" : false, "es6" : true, "minified" : true, "postcss" : true, "chec原创 2021-01-26 10:50:47 · 1774 阅读 · 0 评论 -
小程序 封装request请求(优化版)
在util.js中加入以下代码const app = getApp();//封装request请求const sendRequest = (url, method = 'GET', data = {}, contentType) => { var token = wx.getStorageSync('token') || ''; return new Promise(function (resolve, reject) { wx.request({ url: `.原创 2020-12-18 17:58:45 · 2308 阅读 · 2 评论 -
小程序 获取带参数太阳码的参数,并解析出来(wxacode.getUnlimited)
首先,我这边使用的是小程序的第二种场景码,前提是你这个小程序必须是已经发布的点击跳转查看详细官方文档:获取小程序这个码需要后台配置生成好太阳码然后返回给前端。假设:你传给后台的page为:"pages/home/home",后台:scene为:"type=5&id=3"注意scene为后台配置好的,这个需要后台encodeURIComponent()编码scene参数那么在home这个js中需要加如下代码:onLoad: function (options) { ..原创 2020-09-26 17:18:41 · 10004 阅读 · 6 评论 -
微信小程序 使用Vant Weapp框架中IndexBar(索引栏)的坑
当van-index-bar 这个组件有wx:if时,不管是在它组件上还是外层包含判断时都会造成索引滚动不了对应的位置,只有去掉wx:if,才可以。这个坑随着你滚动,索引不会跟着修改成当前对应的索引。这个坑真的是太无语了,废话不多说。这个坑我写出来希望帮助更多的人。有什么疑问随时在下方留言,笔者看到会及时回复。列表已经滚动到C了,结果顶部标题栏跟右侧都没有滚动到对应索引上。原创 2020-09-14 17:35:56 · 7946 阅读 · 8 评论 -
微信小程序 定位当前城市
首先先在腾讯地址服务申请好密钥,其次下载qqmap-wx-jssdk文件,点此前往申请在小程序上使用varQQMapWX=require('../../utils/qqmap-wx-jssdk.js');varkeys=newQQMapWX({key:'你申请的密钥'});//获取位置 getLocations() { var that = this; wx.getLocation({ type: 'gcj02', ...原创 2020-08-13 14:49:50 · 1746 阅读 · 0 评论 -
微信小程序 点击地址导航到商家/门店位置
应用场景:多家门店,门店地址从后台上传,地址信息各不相同。然后点导航要导航过去第一种情况:后台返回的门店信息包含经纬度 (这种就不需要申请腾讯地图Key)catchNav(e) { var item = e.currentTarget.dataset.item; wx.getLocation({ type: 'wgs84', success: function (res) { wx.openLocation({ .原创 2020-08-13 14:40:36 · 4379 阅读 · 3 评论 -
微信小程序 使用git上传到码云
第一步:先在码云上创建新的仓库第二步:创建好小程序,然后点击右上角的版本管理,此时会弹出下图所示,点击初始化仓库即可第三步:点击初始化之后的弹窗,继续点击确定第四步:初始化完成第五步:点击设置,在右侧的认证方式,选择使用用户名和密码(就是你码云的账号密码),第一个自动忘记怎么配置了第六步:点击远程,然后平台会提示添加远程仓库(默认点击远程之后出现的界面就只有添加按钮),点击添加,可以输入名称“origin”,下方的URL是填码云上的HTTPS的路径(创建新仓库之后会有H...原创 2020-07-09 09:32:14 · 1750 阅读 · 0 评论 -
微信小程序 引入vant Weapp组件库的问题及处理方式
1、首先初始化并安装,记住按照这个顺序来,不要错了npm init npm install --productionnpm i vant-weapp -S --production2、在小程序的本地设置勾选使用npm3、 在小程序工具--构建npm4、构建成功后会出现miniprogram_npm文件夹5、引用vant组件,此时要注意一点如果你是通过下载源代码的方式使用 @vant/weapp,请将路径修改为项目中 @vant/weapp 所在的目录,“@vant.原创 2020-06-26 16:38:09 · 8055 阅读 · 2 评论 -
小程序封装request请求
参考了网上的一些资料,具体的网址现在已经找不到了,觉得的挺好的就整理下给大家使用下//封装request请求var sendRequest = function (url, method, data = {}, header = {}) { var promise = new Promise(function (resolve, reject) { wx.request({...原创 2020-02-24 16:11:38 · 472 阅读 · 2 评论 -
小程序日期,精确到秒
在util.js中//格式为2020/2/24 10:11:00const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() ...原创 2020-02-24 15:57:53 · 388 阅读 · 1 评论