<view id="hot-technician">
 <view class="search_box">
      <view class="search">
        <view class="left">
          <i bindtap="goBack" style="padding-right: 48rpx" class="iconfont icon-back"></i>
          <text>热门{{appointmentLang.worker}}</text>
        </view>
        <view class="right">
          <input
            bindinput="bind"
            type="text"
            title="搜索"
            placeholder="{{'搜索'+appointmentLang.project+'/'+appointmentLang.worker}}"
          />
          <i class="iconfont icon-sousuo" bindtap="getData"></i>
        </view>
      </view>
    </view>
      <view class="technician-top" wx:if="{{!search}}">
           <view class="second" wx:if="{{second.name}}" bindtap="gotoWorker" data-id="{{second.id}}">
        <view class="header">
          <view class="avatar">
            <image wx:if="{{second.thumb}}" src="{{second.thumb}}" alt=""></image>
             <image wx:if="{{!second.thumb}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default@2x.png"alt=""></image>
          </view>
          <image class="no" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/jijun@2x.png" alt=""></image>
          <view class="num p">NO.2</view>
        </view>
        <view class="name">
          <view class="text-over p" style="width: 128rpx;line-height: 48rpx">{{second.name}}</view>
         
        </view>
        <view style="margin: 3.2rpx auto">
          <van-rate
                      value="{{second.score}}"
                      size="{{ 14 }}"
                      color="#ee0a24"
                       readonly 
                      void-color="#c8c9cc"
                      void-icon="star"
            />
        </view>
        <view style="font-size: 12px" wx:if="{{second.has_one_store}}">
          <view class="store p">{{second.has_one_store.store_name}}</view>
          <view class="address"><i class="iconfont icon-order_locate"></i><text>{{second.has_one_store.distance}}{{second.has_one_store.unit}}</text></view>
        </view>
        <view class="describe" style="-webkit-box-orient: vertical;"><!--<span class="blue">项</span>--><text class="gray" wx:for="{{second.worker_projects}}" wx:key="{{i}}" wx:for-item="title" wx:for-index="i">{{title.title}}<em wx:if="{{i<second.worker_projects.length-1}}">,</em></text>
        </view>
      </view>
       <view class="gold" wx:if="{{gold.name}}" bindtap="gotoWorker" data-id="{{gold.id}}" style="text-align:center;">
        <view class="header">
          <view class="avatar">
            <image wx:if="{{gold.thumb}}" src="{{gold.thumb}}" alt=""></image>
            <image wx:if="{{!gold.thumb}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default@2x.png"alt=""></image>
          </view>
          <image class="no" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/champion@2x.png" alt=""></image>
          <view class="num p">NO.2</view>
        </view>
        <view class="name">
          <view class="text-over p" style="width: 128rpx;line-height: 48rpx">{{gold.name}}</view>
         
        </view>
        <view style="margin: 3.2rpx auto">
          <van-rate
                      value="{{gold.score}}"
                      size="{{ 14 }}"
                      color="#ee0a24"
                       readonly 
                      void-color="#c8c9cc"
                      void-icon="star"
                      
            />
        </view>
        <view style="font-size: 12px" wx:if="{{second.has_one_store}}">
          <view class="store p">{{gold.has_one_store.store_name}}</view>
          <view class="address"><i class="iconfont icon-order_locate"></i><text>{{gold.has_one_store.distance}}{{gold.has_one_store.unit}}</text></view>
        </view>
        <view class="describe" style="-webkit-box-orient: vertical;"><!--<span class="blue">项</span>--><text class="gray" wx:for="{{gold.worker_projects}}" wx:key="{{i}}" wx:for-item="title" wx:for-index="i">{{title.title}}<em wx:if="{{i<gold.worker_projects.length-1}}">,</em></text>
        </view>
      </view>
        <view class="three" wx:if="{{three.name}}" bindtap="gotoWorker" data-id="{{three.id}}" style="text-align:center;">
        <view class="header">
          <view class="avatar">
            <image wx:if="{{three.thumb}}" src="{{three.thumb}}" alt=""></image>
           <image wx:if="{{!three.thumb}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default@2x.png"alt=""></image>
          </view>
          <image class="no" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/yajun@2x.png" alt=""></image>
          <view class="num p">NO.3</view>
        </view>
        <view class="name">
          <view class="text-over p" style="width: 128rpx;line-height: 48rpx">{{three.name}}</view>
         
        </view>
        <view style="margin: 3.2rpx auto">
          <van-rate
                      value="{{three.score}}"
                      size="{{ 14 }}"
                      color="#ee0a24"
                       readonly 
                      void-color="#c8c9cc"
                      void-icon="star"
                     
            />
        </view>
        <view style="font-size: 12px" wx:if="{{three.has_one_store}}">
          <view class="store p">{{three.has_one_store.store_name}}</view>
          <view class="address"><i class="iconfont icon-order_locate"></i><text>{{three.has_one_store.distance}}{{three.has_one_store.unit}}</text></view>
        </view>
        <view class="describe" style="-webkit-box-orient: vertical;"><text class="gray" wx:for="{{three.worker_projects}}" wx:key="{{i}}" wx:for-item="title" wx:for-index="i">{{title.title}}<em wx:if="{{i<three.worker_projects.length-1}}">,</em></text>
        </view>
      </view>
      </view>
      <block wx:if="{{!search}}">
      <view class="technician-list" wx:for="{{projectList}}" wx:key="{{item.id}}" wx:if="{{index>=3}}">
        <view class="technician-item" bindtap="gotoWorker" data-id="{{item.id}}">
          <view class="number p">{{index}}</view>
          <view class="pic">
            <image wx:if="{{item.thumb}}" src="{{item.thumb}}" alt=""></image>
          </view>
          <view class="technician-right">
            <view class="top">
              <view class="p">{{item.name}}</view>
              
              <view class="star">
              <van-rate
                      value="{{item.score}}"
                      size="{{ 14 }}"
                       readonly 
                      color="#ee0a24"
                      void-color="#c8c9cc"
                      void-icon="star"
                     
            />
               
              </view>
            </view>
            <view style="display: flex" wx:if="{{item.has_one_store}}">
              <view class="gray p">{{item.has_one_store.store_name}}</view>
              <view class="address"><i class="iconfont icon-order_locate"></i><text>{{item.has_one_store.distance}}{{item.has_one_store.unit}}</text>
              </view>
            </view>
            <view class="describe1">
              <view class="gray p" wx:for="{{item.worker_projects}}" wx:key="{{i}}" wx:for-item="title" wx:for-index="i"><text class="tag">{{title.has_one_category.name}}</text><text>{{title.title}}</text></view>
            </view>
          </view>
        </view>
      </view>
    </block>
    <block wx:if="{{search}}">
      <view class="technician-list" wx:for="{{projectList}}" wx:key="{{item.id}}">
        <view class="technician-item" bindtap="gotoWorker" data-id="{{item.id}}">
          <view class="pic" style="margin-left:64rpx;">
            <image wx:if="{{item.thumb}}" src="{{item.thumb}}" alt=""></image>
          </view>
          <view class="technician-right">
            <view class="top">
              <view class="p">{{item.name}}</view>
              
              <view class="star">
              <van-rate
                      value="{{item.score}}"
                      size="{{ 14 }}"
                      color="#ee0a24"
                       readonly 
                      void-color="#c8c9cc"
                      void-icon="star"
            />
               
              </view>
            </view>
            <view style="display: flex" wx:if="{{item.has_one_store}}">
              <view class="gray p">{{item.has_one_store.store_name}}</view>
              <view class="address"><i class="iconfont icon-order_locate"></i><text>{{item.has_one_store.distance}}{{item.has_one_store.unit}}</text>
              </view>
            </view>
            <view class="describe1">
              <view class="gray p" wx:for="{{item.worker_projects}}" wx:key="i" wx:for-item="title" wx:for-index="i"><text class="tag">{{title.has_one_category.name}}</text><text>{{title.title}}</text></view>
            </view>
          </view>
        </view>
      </view>
    </block>
</view>