![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
caicai1171523597
这个作者很懒,什么都没留下…
展开
-
小程序开发笔记《四》picker回显之省市二级联动
上篇文章介绍了小程序自定义省市二级联动选择器,但是当用户保存省市信息后再次进入页面,需要将选择器回显,这篇文章主要讲述自定义选择器回显。实现思路:通过后台返回的省份编码,获取该省份在省份列表数组的下标值,并根据省份编码拿到该省份下的市级列表,并把市级列表放入picker的range属性对应数组的第二列,然后根据后台返回的市级编码获取该市级在市级列表数组的下标值,拿到这两个下标值存入数组中然后赋...原创 2020-06-01 16:25:20 · 975 阅读 · 0 评论 -
小程序开发笔记《三》自定义省市二级联动
小程序的picker组件给我们提供了单列、多列、时间、日期、省市区三级联动选择器,用起来非常方便,但有时候无法满足特定的项目需求,所以就需要根据项目需求自己动手实现啦。项目需求:供用户选择省市二级联动选择器,并将省份编码、市级编码存入数据库。与小程序picker组件mode = region的省市区三级联动不同,这里只需要二级,并且需要省份编码、市级编码。效果示例:实现思路...原创 2020-05-29 16:52:10 · 1200 阅读 · 0 评论 -
小程序开发笔记《一》拨打电话
小程序点击电话号码拨打电话功能实现方法:wx.makePhoneCall。方法说明:示例代码:wx.makePhoneCall({ phoneNumber: '400-000-0000',})效果如下:原文作者技术博客:https://www.jianshu.com/u/ac4daaeecdfe...原创 2020-05-26 11:29:49 · 499 阅读 · 0 评论 -
小程序实现文字两端对齐
我们知道,text-align: justify;对最后一行无效,当有一个段落而最后一行只有两个字时,text-align: justify;的效果是前面N行两端对齐,最后一行居左,这样有利于用户的视觉体验,但是当我们只有一行文本,该怎么实现单行文本两端对齐呢?效果如下:方法一,利用伪类after新增一行,使该行文本不是最后一行wxss:.ul .li label:after...原创 2020-05-21 15:36:30 · 6730 阅读 · 1 评论 -
小程序跳转tabBar无效解决办法【switchTab before pages are registered】
项目需求是进入小程序首先展示落地页,若已授权登录则跳转到小程序的tabBar首页,直接使用 wx.switchTab进行跳转有时候会失效,并提示以下信息:switchTab before pages are registered.百度了解决办法,网上说把调试基础库调到最新的版本(工具-->项目详情-->调试基础库),调到2.11.0后依旧不生效。最终解决办法:使用延...原创 2020-05-20 17:04:18 · 1157 阅读 · 0 评论 -
小程序开发实例技巧(三)横向滑动列表加载读取本地json数据
在上一篇文章中我们已经学会了横向滑动切换列表效果的实现,但是我们显示在页面的数据是在js里写死的数据,实际项目中这里一般是请求后台接口返回的数据。我们通过接口给后台传递参数,比如栏目类型,分页大小与页码,搜索人物的关键词等,然后后台给我们返回符合条件的列表,我们把返回的数据展示到前台。但是有时候我们需要模拟数据时,我们可以自己...原创 2019-01-15 09:19:00 · 583 阅读 · 0 评论 -
小程序开发实例技巧(二)横向滑动切换列表效果
在项目开发中,我们经常会对数据进行分组并且循环加载,像今日头条app首页那样,今天动手写了个类似的demo,效果图如下:主要涉及到:scroll-view可滚动视图区域组件,swiper滑块视图容器,以及for循环列表数据。第一步:打开微信开发者工具,新建一个小程序项目,或者直接在已有的小程序项目里新建一个test文件...原创 2019-01-14 12:37:00 · 2269 阅读 · 0 评论 -
小程序开发实例技巧(一)底部TabBar配置
不管是APP还是小程序底部都有跳转的tabBar供使用者跳转到不同的页面,效果如下:首页我们在pages文件夹下新建一个目录news,再新建一个Page"news",同样地方式在创建一个"my"目录,文件名与文件结构都可以自定义,只要与app.json的pages数组定义对应上即可,如下图:接下来定义tabBar跳转的数...原创 2018-12-31 21:27:00 · 1071 阅读 · 0 评论