小程序新奇玩法

小码

可以生成小程序码的渠道二维码,方便做推广跟踪。

2018/9/18 posted in  微信小程序

汉购农猫现场小程序

沃尔玛小程序商品流程

这里比较清楚的沃尔玛商品流程。

实际上就是我们的传统商城系统+扫码添加商品+支付生成订单码 + 第三方扫订单码生成订单列表。

AUSERGEE/proSay
扫描条形码部分可以复用。

货架系统,以下载,是以货架为主的下载方式。

整套都有的功能
商城+扫描二维码 —— 后台使用easymock构建。
基于盒马生鲜改编的购物APP。

2018/9/18 posted in  微信小程序

微信小程序跳转问题

写小程序的时候发现,写到一半,之前可以实现的navigation跳转失效了,翻阅文档后找到原因所在。

navigator 导航的问题 导航分三种
a.open-type="navigate" 打开新界面
b.open-type="redirect" 在本界面中打开新界面
c.open-type="switchTab" 控制tab页之间的切换
注意:

  1. 所有需要跳转链接的界面必须在app.json中注册
  2. a, b只能连接非tabBar中注册占用的页面,不能打开url="../index/index",因为pages/index/index界面是tab页

  3. c只能打开app.json中注册过的tab页,也就是被tabBar注册的界面

所以,当你要跳转的页面设置了tab的话,需要切换城switchTab进行跳转

Page({
    onTap: function (event) {
     /* 
      wx.navigateTo({
           url:"../posts/posts"
         });
         */
       
        wx.switchTab({
            url: "../posts/posts"
        });
        
    },
  
})
2018/9/15 posted in  微信小程序

地址集成

https://gitee.com/homeleaf/citySelector

使用这个工具进行集成,这个工具采用腾讯云的接口进行访问。

集成说明

将libs文件夹拷贝至您的小程序项目根目录
在您的项目根目录 app.json 里的 pages 数组里增加一行 "libs/citySelector/switchcity/switchcity"
打开项目里的/libs/citySelector/config.default.js文件
将其中的key改为自己的腾讯地图key(申请快速并免费)点击立即打开腾讯地图Key申请页面
https://lbs.qq.com
需要配置key

快速使用

在您要打开选择器地方用navigator组件,将url设置为"/libs/citySelector/switchcity/switchcity"

或者,在 JS 代码里直接使用 wx.navigateTo 打开地区选择器

wx.navigateTo({
url: '/libs/citySelector/switchcity/switchcity',
});
两种方法二选一即可

              <view class="weui-cells__title">所在城市</view>
              <view class="weui-input-container">
                <input class="weui-input-choice" placeholder-class="weui-input_placeholder" name="city" placeholder="点击选择城市" bindtap='bandAddressChange' value="{{address.city}}{{address.district}}" />
              </view>
  bandAddressChange: function(e) {
    wx.navigateTo({
      url: '/libs/citySelector/switchcity/switchcity?back_url=/pages/post/post',
    });
  },

获取返回数据

在switchcity页选择完地区之后,点击会自动返回,并且将省份/城市/区县数据设置到本页面的 this.data.address 内

如图所示

修改颜色样式
在libs文件夹搜索 #c60a0d ,替换为您想要的颜色值即可

在页面的Data中定义address,然后会写回,最后在页面上直接使用address就可以了。s

2018/9/13 posted in  微信小程序

微信小程序资源网站

小程序开发者论坛
要购买会员,但是上面的小程序内容非常多。

awesome 小程序

https://github.com/opendigg/awesome-github-wechat-weapp

很快微信开发者平台

http://www.henkuai.com/forum-56-2.html

2018/8/19 posted in  微信小程序

几种聊天组件的研究

网易云信

网易云信是感觉demo做的最好的,将小程序的DEMO完全做出来了,非常方便使用。
http://netease.im/im-sdk-demo?downloadType=0#solution

环信

整体开发的东西比较粗糙,开发的小程序demo也不太方便使用

腾讯云--云通信

价格是非常实惠的,但是没有找到小程序的完整demo
https://cloud.tencent.com/document/product/269/11673

2018/5/24 posted in  微信小程序

小程序开发纪要

导航样式栏,tarBar导航栏

https://blog.csdn.net/lecepin/article/details/54380814
整理如何进行底部导航的制作以及部分页面如何不显示导航

2018/5/11 posted in  微信小程序