58到家小程序用的什么小程序地图定位不准的

58到家家庭服务 - 58到家家庭服务小程序 - 58到家家庭服务微信二维码 - 小程序商店
58到家家庭服务58到家家庭服务58到家家庭服务小程序信息58到家家庭服务小程序使用指南 微信扫描体验
58到家家庭服务小程序截图
58到家家庭服务小程序简介 58到家,由58的上门平台,提供专业、便捷、标准化到家服务,包括家政、保洁、维修、搬家、按摩、美容美甲、洗衣跑腿等服务。
58到家家庭服务小程序使用方法:使用微信扫描页面上方二维码进入在微信中搜索“58到家家庭服务”即可进入小程序58到家家庭服务小程序由58到家家庭服务团队开发,并于 10:36:06日发布于小程序商店www.91ud.com91ud为您推荐:
看了58到家家庭服务的人还看了您的位置:&>& >
> 微信小程序有地图功能吗?微信小程序地图功能怎么样?
微信小程序有地图功能吗?微信小程序地图功能怎么样?[图]
字体大小:【 |
9:43:41&&&
类型:便捷生活大小:37.22MB评分:10平台:标签:
有功能啦~那么微信小程序地图功能怎么样呢?友情小编为大家整理了这篇关于微信小程序地图功能的相关介绍,希望大家能够喜欢哦~
微信小程序有地图功能吗?微信小程序地图功能怎么样?
小程序中的地图,支持更加丰富的覆盖物样式、及展示效果,支持绘制更美观的路线。
以上就是友情小编提供的微信小程序地图功能内容,更多,请百度“微信小程序友情手机站”!
专题类型:社交
更新时间:
专题标签:生活服务玩机必备资讯攻略
今天满屏都是微信小程序的消息!可以在线申请内测,这是开发的小应用!很多朋友都很期待!微信小程序专题里包含了微信小程序下载、微信小...
5.0友情指数
0人0人
猜你喜欢生活服务互动腾讯视频聊天
想让你的生活从此刻开始变得更轻松吗?想让自己过上更智慧的生活模式吗?想自己也能轻松掌握自己的生活节奏吗?来这里任意下一款app都可以让你的生活变得更简单哦。一些...
相关软件其他版本
微信小程序软件资讯98
微信小程序软件教程23
微信小程序常见问题1
(您的评论需要经过审核才能显示)58到家,这是款来自58同城推出的生活服务平台,用户不管想要什么类型生活的服务,这里都可提供最专业、标准化地服务,支持第三方支付,可随时对账单进行管理。
58到家特色
高品质的生活服务平台;
提供专业、标准化的到家服务;
从保洁到搬家等等,里面都有;
一键下单,服务到家;
安卓版下载
本站仅创建用户沟通交流的信息平台,所展示的游戏/软件内容来均来自于第三方用户上传分享,资源仅作为用户间分享讨论之用,除开发商授权外不以盈利为目的。如果侵犯了您的权益,请反馈,我们将第一时间处理。
1股票灯塔理财
2智能聊社交
3本群空间办公
4小雅计时系统工具
5菜菜美食日记美食
6奇热内涵漫画阅读
7微头条新闻
9赞赞我娱乐
10华药商城购物《微信小程序七日谈》系列文章:
本系列的文章并非初学教程,而是笔者在具体开发过程中遇到的问题以及部分解决方案。
微信小程序提供:
wx.navigateTo();
wx.redirectTo();
wx.navigateBack()。
使用wx.navigateTo()或者组件跳转的页面路径最多只有5层,这些页面路径是可以通过wx.navigateBack()API或者左上角返回按钮按顺序返回的。当页面路径大于5层时,使用wx.navigateTo()进行下一页吗跳转会抛出错误:
navigateTo:fail webview count limit exceed.
但是某些业务场景存在多页面互动的交互逻辑,远远不止5层页面栈。比如笔者近期参与开发的58到家小程序中存在如下的业务场景:
1、用户进入小程序,展示首页;
2、首页存在一个如下图的底部导航栏:
用户点击“我的”进入个人中心,此时页面栈为首页-&个人中心,共2层。
3、个人中心页面存在“我的收入”入口,如下:
4、用户从个人中心进入我的收入页面,此时页面栈为首页-&个人中心-&我的收入,共3层;
5、我的收入页面提供“提现”页面的入口,如下:
6、用户进入提现页面,此时的页面栈为首页-&个人中心-&我的收入-&提现,共4层。此时留给我们可支配的页面栈只剩下一层了。提现流程如下:
提现流程存在多页面直接的数据共享和交互,如果是常规的webapp,我们通常会考虑使用hash路由或者干脆做成独立的几个页面使用url传参进行数据通信。但是进入提现页面之后,我们最多只能再添加一个独立页面了。也就是说,银行列表页、绑定银行卡页和提交成功页三者只能再使用一个页面栈(并非一个页面)承载。如何用仅剩的最后一层页面栈实现上述复杂的提现流程呢?
逻辑行为梳理
第一步:细分交互行为
首先第一步是将提现行为细分,因为只能再添加一个独立页面,所以需要合并一些可在一个页面完成的行为。上文的流程图其实遗漏了一个行为:绑定银行卡页面点击银行卡需要显示银行列表页。也就是允许用户重新选择银行。所以其实整体的提现流程如下:
小程序标题栏左上角返回按钮的行为(图中标红的线条)是返回页面栈的上一页面,代码是无法干预的。
整个流程中必须支持“返回”按钮正常返回上一页面的行为有:
前置页面进入提现页面,正常返回前置页面;
提现页面进入的银行列表页面,正常返回提现页面。
要保证第二条“提现页面进入的银行列表页面,正常返回提现页面”,就必须将银行列表页独立为一个页面。至此,最后一层页面栈就定型了。那么剩下的绑定银行卡和提交成功页面怎么办呢?
第二步:合并逻辑页面
需要注意的是,银行列表页面与绑定银行卡页面之间有一个双向的交互行为,由于最后一个独立页面已经确定为银行列表页了,所以不得不从中牺牲一定的用户体验:绑定银行卡页面跳转到银行列表页后不能正常返回。有了这个前提,我们可以把银行列表和绑定银行卡两个逻辑页面合并为一个实体页面,通过子路由控制行为展示。
再次回顾上文的交互流程图还可以得到另外一个信息:提交成功页面的返回逻辑与提现页面完全相同。所以,两者同样可以合并为一个实体页面,由子路由控制行为展示。
第三步:梳理行为逻辑
以第二步的合并规则为准,实体页面的交互流程如下:
使用data.route实现子路由
微信小程序的Page是没有子路由概念的,我们在此讨论的子路由其实就是根据Page组件的某个data字段进行不同模板的分发渲染。
首先定义支持的子路由列表:
// 路由列表
const ROUTES = {
index: 'index',
banklist: 'banklist',
setcard: 'setcard',
done: 'done'
我们在代码上又进一步的融合,将第四层页面和第五层页面两个实体页面融合为同一个Page组件,通过子路由控制模板的渲染,之所以这样做有以下几点考虑:
两个实体页面之间有很多共用的数据;
58到家的小程序是复用了现存的部分接口,两个页面之间的数据是混合在一起的,融合也是为了避免接口的重构;
既然融合为一个Page组件,那么如何实现页面的跳转呢?其实很简单,使用wx.navigateTo()API如下:
wx.navigateTo({
url: './index?route=' + ROUTES.banklist
上述代码实现了跳转到同一Page组件的功能,并且跳转的页面会被加入到页面栈中。
然后在index.wxml中增加路由数据的逻辑判断分发:
&block wx:if=&{{route=='index'}}&&
&include src=&_part/basic/index.wxml&/&
&block wx:if=&{{route=='banklist'}}&&
&include src=&_part/banklist/index.wxml&/&
&block wx:if=&{{route=='setcard'}}&&
&include src=&_part/setcard/index.wxml&/&
&block wx:if=&{{route=='done'}}&&
&include src=&_part/done/index.wxml&/&
前置页面进入第四层页面时默认的是index子路由页面,有第五层页面的绑定银行卡提交后返回第四层页面时显示done子路由。这个逻辑中需要注意的是:
第四层页面跳转第五层页面是隐藏(Hide)而不是卸载(Unload);
第五层页面返回第四层页面后会触发第四层页面的onShow钩子函数。
也就是说,我们可以再onShow钩子函数中进行路由的分发。但是如何获取路由字段呢?大家可能想到的第一个方案就是通过url传参,可惜这个方案是行不通的。首先,微信小程序中关于Page组件钩子函数的说明,只有onLoad函数可以获取由url query传递的数据,其余的任何钩子函数都不能获取;其次,第五层页面的提交行为返回第四层页面是由wx.navigateBack()API实现的,这个API的功能是返回页面栈中的上一层页面,并不支持指定的修改url,所以url传参这条路是走不通的。
那么使用cookie是否可行呢?虽然微信小程序不支持cookie,但cookie的理念可以提供给我们解决问题的思路:将数据先储存在本地,跳转页面后获取本地数据进行相应处理。
有了思路,自然而然地便想到类似cookie的。
使用storage进行页面间的数据通信
第一步:点击第五层页面的提交按钮后,首先在storage中储存第四层页面的route值:
wx.setStorage({
key: 'dj_deposits_route',
data: ROUTES.done
第二步:在第四层页面的onShow函数内获取storage中的route数据并赋值给data中的route字段,模板便会同步刷新:
let _route = wx.getStorageSync('dj_deposits_route');
this.setData({
route: _route
微信小程序的页面路径限制为最多5层,多于5层的页面将不会跳转并且会抛出错误信息。而我们产品的某些业务场景不止存在5层的页面路径,在这种情况下,我们不得不牺牲一定的用户体验,以保证功能的完整。本文提到的方案是与业务场景息息相关的,只是一家之言,并非最佳实践。希望能够给大家一点参考。
阅读(...) 评论()类&&&&&&&别:
网站建设/设计
小&&&&&&&类:
网站建设 网站设计
联&系&人:
微信扫一扫 随时问随时聊
商家地址:
- 万达广场
担心服务没保障?注意这三步,58持续为你护航
与商家的沟通确保都已录音
与商家所有交流确保留有证据
有保障期的服务请与商家确定保障实效
温馨提示:1、在办理服务前请确认对方资质, 夸大的宣传和承诺不要轻信!2.任何要求预付定金、汇款至个人银行账户等方式均存在风险,谨防上当受骗!
你好,我们是做微信公众号分销商城开发,网站建设优化,小程序开发的,您这边有相关计划搭建平台可以随时联系我!小程序,覆盖周边用户,让客户主动找你,让微信帮你宣传推广多点定位,覆盖全南宁,业绩翻番,坐等收钱
联系我时,请说是在58同城看到的,谢谢!
热门推荐:
.com版权所有| 京公网备案信息| |乙测资字| |违法信息举报:&&

我要回帖

更多关于 小程序地图显示定位点 的文章

 

随机推荐