前言 最近项目中做到相关网约车小程序。需要使用到地图中的路线规划,对3种地图进行了分析。这里稍微做一下总结: 百度地图 百度坐标 (BD-09)腾讯地图 火星坐标(GCJ-02)高德地图 火星坐标(GCJ-02)微信小程序中使用的是腾讯地图作为底图。因此如果使用百度地图时,需要注意坐标的转换。此类坐标的转换函数在网上都有,这里不做过多解释 准备工作: 1、在做小程序 ---- 路线规划之前,需要准备小程序APPID 以及相应使用地图的KEY值...
获取位置获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用。wx.getLocation(object)<view class="container"><button bindtap=getLocation>获取位置</button><view wx:if="{{latitude !=}}"><view>纬度:{{latitude}}</view><view>经度:{{longitude}}</view><view>速度:{{speed}}</view><view>位置的精确度:{{accuracy}}</view><view>高度:{{altitude}}</view><vi...
演示 演示1演示2演示3 一、功能描述1、预设过渡 支持区分enter、leave支持预设过渡的组合特别强调:支持元素展开、闭合的过渡。name==slide或[slide[,]],即可实现,无需外部传height支持外部传类来过渡或动画/* 预留过渡 */ /** *1、fade *2、移动:up,right,down,left四个方向 *3、scale缩放:默认是从0->1,还预设了一个从1->1.2的 *4、rotate旋转。顺时针旋转。角度用以上方向来指示。如果逆时针中间加上reserve。 如rotate-ri...
前言 我们要开发小程序,基本上都要涉及到以下几个方面的工作: 1、购买服务器,用来运行后台及接口程序; 2、购买域名,小程序中需要通过域名来调用服务器的数据; 3、购买 SSL 证书,小程序强制需要 https 的地址,传统无证书不加密的 http 请求微信不支持; 4、后台程序员开发后台程序,这样才能登录后台进行商品管理、订单维护、资金财务管理等等; 5、后台程序员开发小程序可用的 restfull api 接口或者是 websocket 接口; 6...
微信小程序中button去除默认的边框的实现方法如下所示: button {position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;line-height:2.55555556;border-radius:5px;-webkit-tap-highlight-color:transparent;overflow:hidden;color:#000000;background-color:#F8F8F8; }这是button默认自带的c...
地址:https://youzan.github.io/vant/#/zh-CN/intro 一.引入Vant组件库 1.首先运行 npm init就会生成 package.json2.运行 npm i vant-weapp -S --production 3.安装成功后 点击 工具 => 构建npm之后点击 详情 => 使用构建npm 渲染二.使用组件库 首先在json文件中引入组件"van-button": "vant-weapp/button" 之后可以在官网找到想要用的组件使用 报错码VM292:1 thirdScriptError sdk uncaught third Error module "miniprog...
最近在做一个项目的时候,需要用到下拉框搜索,网上搜了半天没找到想要的,决心自己动手写一个。 首先看下效果图:左边是输入框,可以进行模糊查询,右边图标进行选择。代码部分,我定义了五个参数,和一个自定义的方法,list:下拉框数组,_width:组件宽度, _height:组件高度, bind:action: 自定义方法考虑到每个人用的时候用的对象数组结构不同我预留了两个字段,做自定义(可不写),怎么样是不是很强大。actualvalue:下拉框实...
A是父组件,B是子组件 父传子 <!-- 父组件A wxml --> <view><componentB paramAtoB={{paramAtoB}}></componentB> </view>//父组件Ajson (里面不能有注释){"navigationBarTitleText": "父子传值","usingComponents": {"componentB": "../../components/son/son"} } //父组件A js // view/father/father.js Page({/*** 页面的初始数据*/data: {paramAtoB: "我是A向B传值"} }) <!-- 子组件B wxml --> <view class="inner">{{paramAt...
导入执行后VM292:1 thirdScriptError sdk uncaught third Error module "miniprogram_npm/vant-weapp/mixins/transition" is not defined Error: module "miniprogram_npm/vant-weapp/mixins/transition" is not defined at require (http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26700) at http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26448 at http://127.0.0.1:56368/appserv...
微信小程序项目使用npm安装vant-weapp的正确步骤 使用npm安装vant-weapp 到项目根目录下: npm i vant-weapp -S --production 然后再详情中选中使用npm模块,然后点击工具栏中的构建npm。本以为这样就可以安装成功了,结果没有找到npm包这让我纠结了一个早上。看了文档,琢磨了很久,最后研究出问题的关键。 第一步:使用cmd进入项目根目录:npm init 然后一直按回车 第二步:输入你要安装的文件(npm i vant-weapp -S --producti...
开发wepy-plugin-autopages使用 wepy 开发项目时不需要手动配置 app.wpy 下的 config.pages,autopages 插件会自动监控 pages 目录下文件的变化,自动生成更新对应 app.json 下的 pages。 注意:该插件只会对编译文件dist里配置添加,源文件是不会改动的。 注意:我还发现有个问题是他是按命名顺序添加的,所以开发阶段可以用客户端指定路径,但是发布的话还是乖乖手动添加吧 这插件看情况使用吧,如果是个人项目的话我觉得还是值得...
最近为小程序增加语音识别转文字的功能,坑路不断,特此记录。 微信开发者工具 开发者工具上的录音文件与移动端格式不同,暂时只可在工具上进行播放调试,无法直接播放或者在客户端上播放 debug的时候发现,工具上录音的路径是http://tmp/xxx.mp3,客户端上录音是wxfile://xxx.mp3。 忽悠呢,不是格式不同,是映射路径不同。其实做个兼容也不难,每次提示一行文字,很丑。 采样率与编码码率限制 每种采样率有对应的编码码率范围有效...
先上效果图点击授权按钮后可以显示部分资料和头像,点击修改资料可以修改部分资料。 流程 1.使用微信小程序登录和获取用户信息Api接口 2.把Api获取的用户资料和code发送给django后端 3.通过微信接口把code换取成openid 4.后端将openid作为用户名和密码 5.后端通过JSON web token方式登录,把token和用户id传回小程序 6.小程序将token和用户id保存在storage中 下次请求需要验证用户身份的页面时,在header中加入token这个字段 微信小...
iOS系统对js中的new Date()方法有格式要求let dt = new Date("2019-07-24 19:57") // dt会返回valid Date正确写法应该是let dt = new Date("2019/07/24 19:57")而实际应该过程中日期格式大部分都是2019-07-24这种,所以在实际应用过程中需要用正则对字符串进行预处理let tm = "2019-07-24 19:57" let dt = new Date(tm.replace(/-/g,/))在小程序开发过程中用到一个日期转换方法,然而苹果手机就是不管用,去网上搜了才发现有这个问...
前言 最近开发了一个小程序动态仪表盘组件,并以第三方小程序组件的形式发布到npm,任意小程序项目都可以安装这个模块,从而获得仪表盘功能。组件功能目前还非常简单,先来预览一下效果:感兴趣的直接看源码: https://github.com/tower1229/weapp-plugin-dashboard 下面是踩坑过程。如何开发微信小程序自定义组件官方提供了一个CLI工具专门用于开发小程序自定义组件,首先全局安装这个工具:npm install -g @wechat-miniprogram/m...