SelectCity 微信小程序选择城市组件

最新推荐文章于 2023-02-09 17:08:45 发布
最新推荐文章于 2023-02-09 17:08:45 发布
阅读量4.2k 收藏 3
点赞数 1
分类专栏： 微信小程序 文章标签： 常用组件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33378937/article/details/83444322
版权

SelectCity 微信小程序选择城市组件

项目介绍

在巨人的肩膀上继续制作的我的选择城市代码片段

github 地址

https://github.com/shichuyu/SelectCity

码云地址

https://gitee.com/cjty/SelectCity

安装教程
  1. 复制这段链接 wechatide://minicode/cBfbjtmq7q3i
  2. 打开微信小程序的导入代码片段，进行导入
尴尬的点

输入图片说明

只做了拼音第一个字母的排序，第二个没有做哈哈哈哈，暂时够用，若有大神，请多多指教

补充说明

不会操作导入代码片段的请参考腾讯微信小程序官方文档
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html?search-key=代码片段

技术渣渣一个，请大神们多多指教

qq_33378937
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序自定义select组件
唯爱赞多的博客
12-13 1028
Select组件 wxss文件 .select-box { position: relative; /* width: 100%; */ /* font-size: 30rpx; */ } .select-current { width: 730rpx; height: 45rpx; background-color: white; margin-left: 10rpx; position: relative; padding: 0rpx 10rpx; /* lin
微信小程序的开发之城市三级联动选择器
这是我的博客
06-15 4057
wxml <view bindtap='selectDistrict' wx:if='{{areaInfo}}'>{{areaInfo}}</view> <!-- 三级联动 --> <view class='shadow' hidden='{{addressMenuIsShow != true}}'>&lt
微信小程序中根据字母选择城市
chuti6853的博客
07-28 1317
今天开发一个小程序，里面涉及到区域选择，看了网上的一些版本，感觉写的不全，有可能是我的理解能力还不够吧。今天我就结合网上的答案，在根据自己的需求，重新整理一份。希望对大家有帮助。先看看截图： 项目截图 下面我们把代码梳理一下。 一、创建index.wxml文件 在...
微信小程序获取当前城市定位的简单demo
xyouzi的博客
01-18 1481
用uniapp写小程序实现简单的获取当前城市定位的demo 先上代码 <template> <view> {{currentCity || '广州'}} </view> </template> <script> var QQMapWX = require('../../static/js/qqmap-wx-jssdk.min....
码云推荐 | 微信小程序的省市选择组件 citySelector
03-29
省份/城市/区县定位选择器 :dash::rocket: 微信小程序，一行代码引入的省份/城市/区县定位选择器的库 主要功能 自动定位 城市、区县（也支持手动重新定位） 手动 汉字、拼音搜索 城市，支持搜索数量335个，覆盖地级市 亦可通过 侧边栏 选择，城市按拼音首字母排列 选择好城市后，自动显示 辖下区县 集成说明 将libs文件夹拷贝至您的小程序项目根目录 在您的项目根目录 app.json 里的 pages 数组里增加一行 "libs/citySelector/switchcity/switchcity" 打开项目里的 /libs/citySelector/config.default
小程序自动化测试框架【Minium】系列（三）元素定位详解
自动化软件测试
02-09 1380
元素定位，应该是很多UI自动化测试入门学习必会的技能了，下面我将为大家举例演示元素定位的几种方法。
微信小程序 select 下拉框组件功能
10-16
主要介绍了微信小程序 select 下拉框组件功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
微信小程序城市列表选择自定义组件
03-11
"微信小程序城市列表选择自定义组件"就是一个专门针对城市选择场景设计的组件。它允许开发者根据特定需求定制城市选择功能，提供了丰富的交互体验和灵活性。 首先，我们要理解这个组件的核心功能。城市列表选择组件...
微信小程序实现城市列表选择
08-27
在微信小程序中实现城市列表选择是一项常见的功能，它允许用户方便地从众多城市中挑选出发地和目的地。本文将深入探讨如何在小程序中构建这样的功能，包括实现中文、拼音和首字母搜索，以及首字字母快速定位。 首先...
微信小程序 select 下拉框组件.zip
最新发布
01-05
微信小程序的优势在于它方便快捷、轻量级、跨平台、丰富的推广方式、丰富的功能接口、数据分析与优化、结合微信支付、支持多场景应用、社交功能以及多端同步等。这些优点使得小程序能够满足用户的多种需求，提供更好...
微信小程序 城市选择组件 城市选择器
10-13
微信小程序里面，需要用到城市选择地地方，通过调用城市选择器的组件，供页面选择城市
SelectCity
09-30
实现城市选择，代理传值。
小程序选择城市页面
09-14
小程序选择城市代码全 包括小程序选择城市的wxml、wxss、js、json文件，以及存放数据的city.js文件。
微信小程序---省市选择控件
12-11
微信小程序---省市选择控件 微信小程序---省市选择控件
微信小程序—自定义（城市选择）弹窗组件，将弹窗组件的值传给调用页面并显示（图文）
Poppy_LYT的博客
08-24 2826
微信小程序—自定义（城市选择）弹窗组件，并传值 1、新建component文件夹用来存放自定义组件，并在其文件夹内新建cityModal Component，注意不是新建Page 新建完成之后出现四个和Page一样后缀的文件，只是里面的内容不一样而已 2、cityModal.wxml(可直接粘贴) <view class="cityModal" wx:if="{{cityMo...
小程序基本命令
aiven1637的博客
10-30 3277
onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...
微信小程序获取当前地址以及选择地址详解
热门推荐
weixin_41951698的博客
06-23 7万+
我只写了简单的页面结构,在wxml文件中写入一个button组件,并在button上添加点击getLocation事件.第一步:使用getLocation获取当前地理位置        在js文件中写入getLocation方法,并且调用微信小程序的API wx.getLocation来获取当前位置.点击按钮时会弹出授权框进行授权,如果用户确认授权则会在success函数中返回相应的位置数据,如果...
element-ui 之Select 选择器,下拉框城市
weixin_57246351的博客
09-21 2761
第一步:先建一个组件文件citys.vue <template> <div class="app-container"> <el-form label-width="100px"> <el-form-item label="城市" style="width:400px"> <el-select style="width: 48%; margin-right: 4%" v-mo
elementui的动态加载级联选择器，异步设置默认值
qq_38105488的博客
04-15 4943
el-cascader组件 <div class="select"> <el-cascader v-model="selectedCity" :props="props" ref="cs" @change="handleCityChange" /> </div> 最开始我直接在data中给se...
微信小程序select下拉选择组件
09-02
微信小程序中的select下拉选择组件，是一种常见的界面组件，用于在使用时经常需要从多个选项中选择一个的场景中。 在使用select下拉选择组件时，我们可以通过在wxml文件中使用标签来定义一个select组件。在标签中，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值