<view class="search-w">
    <input class="search-input" bindinput="searchResult"  placeholder="输入城市名称进行搜索"></input>
    <view class="result-tip">
        <view class="search-input" wx:for="{{resultTip}}" data-city="{{item.name}}" bindtap="handleCityClick">{{ item.name }}</view>
    </view>
</view>

<view class="location-w">
    <view class="city-label">选择城市</view>
    <view class="search-input" bindtap="selectLocation">
        <text>{{ city }}</text>
        <view class="refresh-btn " animation="{{animation}}"  catchtap="getLocation"></view>
    </view>
</view>

<view class="citys-w">
    <view class="city-label">全部城市（按首字母顺序）</view>
    <view wx:for="{{citys}}">
        <view class="city-label">{{alphabet[item.alphabetIndex]}}</view>
        <view class="citys-container">
            <view data-city="{{city.name}}" bindtap="handleCityClick" wx:for="{{item.citys}}" wx:for-item="city">{{city.name}}</view>
        </view>
    </view>
</view>