全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[亳州seo公司找久澳]微信小程序实现城市列表的选择

  这篇文章主要为大家详细介绍了微信小程序实现城市列表选择◁•◁▽,具有一定的参考价值○▼-=,[亳州seo公司找久澳]感兴趣的小伙伴们可以参考一下

  本文实例为大家分享了小程序实现城市列表选择的具体代码,台州市小程序制作公司永济市小程序制作公司供大家参考,衡阳市小程序制作公司具体内容如下

  实现效果预览

  

 

  实现功能简介

  

  •  

      城市的选择

      

  •  

      按中文/拼音/首字母条件搜索

      

  •  

      按首字字母快速定位到城市位置
     

      

 

  目录结构

  主要代码

  app.js

  

 

  

App({
 globalData△▲◇: {
 trainBeginCity: '杭州'▲○△★,
 trainEndCity◇▲●: '北京'
 }
})

 

  app.json

  

 

  

{
 "pages":[
 "…■○;pages/index/index",
 "pages/citys/citys"
 ],
 "window"☆…◆●;:{
 "backgroundTextStyle"○□▲•;:"light"●□,
 "◇•…;navigationBarBackgroundColor": "#fff"○△,
 "navigationBarTitleText": "WeChat"▽▽△;◁-▽▷,
 "=◆;navigationBarTextStyle"◇◁;:"black",
 "enablePullDownRefresh": true
 }
}

 

  index.wxml

  

 

  

<view class='warning-top'>◁□◇;测试消息消息这是测试消息啊啊啊</view>●▼▪◆;
<•◁▼;form bindsubmit="formSubmit" bindreset="▪■;formReset" class='form-content'>
 <view class='flex-box' data-id='出发城市'▲▽▷;>…◇□;
 <view class='◆▽▷;flex-box-header'>出发城市<◇•□;/view>
 <•▼○;view class="flex-box-content">■○;
 <▲▼;input name='beginCity'•○▽◁; value='{{begin}}' disabled='disabled'△-; placeholder="…★-;" bindtap='▼=…-;bindBeginCityView' class='input-city'/>
 <……●;/view>▷◆;
 </view>
 <●□◆;view class="flex-box"◆○; data-id='目的城市'>
 <view class='flex-box-header'>▷◁=▼;目的城市</view>=◁☆;
 <view class="flex-box-content">=■;
 <•▷□;input name='endCity' value='{{end}}'•▷; placeholder="" disabled='disabled' bindtap='▼▲-■;bindEndCityView' class='input-city'/>
 </view>■☆◆;
 <□○;/view>
 <view class="▽○▼=;flex-box">=▷-;
 <▪●;view class='flex-box-header'◇◇;>…▽…;出发日期</view>◆□;
 <□■;picker mode="date"…◇☆; name='▼•△◇;leaveDate' class='flex-box-content-pricker' value="{{date}}"☆△▪; start="2018-01-01" end="2019-09-01" bindchange="■•▽◇;bindDateChange"=▷●▷; >
 <★◇▷=;view class='▪★△●;input-city'>{{date}}</view>
 </picker>○▷◆;
 </view>
 <view class="btn-area"◇□;>
 <▪★▲;button formType="submit" class='btn-query'>查询</button>▼○;
 </view>●◇□;
<▽○□;/form>

 

  index.js

  

 

  

const app = getApp()
Page({
 data: {
 begin▲□◁▽: ''○▪◁…;,
 end▷◆•: '',
 date: null
 },
 formSubmit: function (e) {
 // console.log('●○=★;form发生了submit事○○。[宁波好的seo公司]千锋教育微信小程序开发视频教程的资源介绍

[亳州seo公司找久澳]微信小程序实现城市列表的选择

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。