qq_16170007的博客

闲来无事写一篇使用高德地图的微信小程序SDK开发应用的实例。接下来先看需求：我们要做的是，根据用户输入的关键词，给出相应的提示信息，列表中显示地方的名称，地方的详细地址以及对应的经纬度坐标。当然在UI上我们尽量做到理想的视觉与较好的用户体验。最终的效果我们希望是像这样的，如下图：有了目标，我们直接代码撸起来～我们先从高德开放平台获取微信小程序SDK以及开发需要的key。完成一些基础...

直接进入正题，我们需要做的就是通过手指滑动列表项后，右侧出现删除；比如说像这样：向左边滑动后出现如下的效果：开始撸代码～假设我们有N个列表项来自一个数组list，先确定基本的结构<view class="list" wx:for="{{list}}" wx:key> <view class=&a

在一些需求中，我们需要有一个全国城市的列表供我们选择，并且可以获得对应的经纬度坐标。今天，我们就一起来实现这个需求。好，我们先看一下我们期望的最终效果，如下图：我们看到左侧有个下拉选项，右侧是供搜索的输入关键字用到的输入框。关于搜索的需求可以看这个教程使用高德地图微信小程序SDK开发案例-输入提示（附源码）我们今天主要实现如下需求：1.页面布局。2.进入页面自动定位当前所在的城市。...

今天我们一起写一个微信小程序日历组件好，我们先看一下要实现的模样，如下图由以上截图我们可以看到1.日历可以通过按钮【切换展示效果】改变日历的呈现效果，上图是平铺模式，下图是收起滚动模式。2.通过点击具体的日期可以在页面上显示当前选中的具体日期。3.点击【今天】快速回到当日视图。4.点击【◀】和【▶】切换月份。上面的四点也是基本的交互需求，我们马上开始。首先，我们先结构后样式，...