美文网首页小程序实用UI及常见问题解决
小程序自定义城市选择控件

小程序自定义城市选择控件

作者: Frankeen | 来源:发表于2018-01-17 10:22 被阅读1586次

效果图:

介绍:

对于微信小程序,微信提供了一个滚动选择器和自身的城市滚动选择器,但是开发中难免存在一些自定义的样式,这时候就要自己来定义了。下面我来简单介绍一下怎么自定义:

1,首先微信提供了一个滚动选择器:picker-view,picker-view官方说明:

https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker-view.html

2,我们这里是自定义了一个组件,所以需要了解一下微信的自定义组件,自定义组件官方说明:

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/custom-component/wxml-wxss.html

3,我们用了两个个picker-view,分别存入省份,城市,这样方便监听省份城市的变化。

深入说明我就不说了,大家自己看源码吧:

git地址:https://github.com/fuxingkai/frankui-weapp,走过路过给个star和fork一下,欢迎大家吐槽。

相关文章

  • 小程序自定义城市选择控件

    效果图: 介绍: 对于微信小程序,微信提供了一个滚动选择器和自身的城市滚动选择器,但是开发中难免存在一些自定义的样...

  • 小程序自定义日期选择控件

    介绍: 对于微信小程序,微信提供了一个滚动选择器和自身的日期滚动选择器,但是开发中难免存在一些自定义的样式,这时候...

  • 公众号菜单可以直接点击拨号

    登录后选择“小程序管理”菜单。 搜索并添加小程序“电话码” 添加自定义菜单,“菜单内容”选择“跳转小程序”、选择小...

  • 微信小程序:自定义组件(Component)

    微信小程序文档中提供的组件有限,一定程度上限制了开发需求,这里就需要我们自定义一些控件,实现开发需求。自定义控件有...

  • 小程序学习笔记-自定义组件

    微信小程序文档中提供的组件有限,一定程度上限制了开发需求,这里就需要我们自定义一些控件,实现开发需求。自定义控件有...

  • 小程序城市选择

    最近遇到了一个新的需求,就是在项目中添加城市选择,小程序的城市选择也不是什么难点,网上也有很多的demo,主要是数...

  • AngularJS Custom Directive Valid

    我们常常需要自定义一些输入控件,如选择用户控件,在 angularjs 中允许我们添加自定义 directive,...

  • Android 放大缩小容器-ScalableViewConta

    前言 作为一个Android开发,当系统控件满足不了业务需求的时候,就需要程序猿自己自定义控件或者容器。所以自定义...

  • 关于安卓自定义地址选择控件的实现

    标题:关于安卓自定义地址选择控件的实现 对于安卓地址选择,我们常常会使用三方控件,今天博主就写一款自定义的地址选择...

  • 小程序自定义控件 (一)

    1.写这篇博客的原因 原因很简单,微信官方文档写的不是很清楚。腾讯只是介绍了一些组件的特性怎么使用。 附上小程序自...

网友评论

    本文标题:小程序自定义城市选择控件

    本文链接:https://www.haomeiwen.com/subject/iupyoxtx.html