根据全国城市首字母 排列索引列表(json数据)

基本交互逻辑(一共铁子们参考)

<template>
	<view class="citysIndex" v-if="update"> 
			<MyNav title="请选择期望城市" bgColor="#ffffff" :backIcon="true"></MyNav>
			<scroll-view :scroll-into-view="scrollTop" :scroll-y="true" style="height: 100%;">
				<view class="citysHead">
			   <uni-search-bar v-model="searchValue" placeholder="请输入城市名、拼音或是首字母查询" :cancelButton="false" bgColor="#EEEEEE" @input="search" />
					<!-- 热门城市 -->
				    <uni-list  v-if="searchList.length > 0">
								<uni-list-item clickable @click="handelCityClickFn(item)"  v-for="(item,index) in searchList" :key="index" :title="item.name" :rightText="item.code" />
					</uni-list>
					<view v-if="!searchList.length" class="citysHot">
						<view class="citysTitle">
							<label>热门城市</label>
						</view>
						<view class="citysHot-list">
							<!-- <a v-for="(v,i) in hotCitys" @click="checkCity(v.name)"> :class="[q.checked?'checkedBtn':'']" -->
								<label @click="checkCity(v)" v-for=
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值