<!--pages/mechanism/mechanism.wxml-->
<view>
    <!-- 搜索栏 -->
    <view class="custom-bar" style="height:{{navHeight}}px">
  <view class="custom-bar__wrapper" style="margin-top:{{searchMarginTop}}px; height: {{searchHeight}}px;width: {{searchWidth}}px" >
    <view style="height:24rpx;width:24rpx;border-right: 2px solid black;border-top: 2px solid black;transform: rotate(-135deg);margin-left:10px" bindtap="back"></view>
    <view class="search-group">
        <icon class="icon-small searchicon" type="search" size="38rpx"></icon>
      <input class="search-group__input"  bindblur='changeSearch' bindconfirm='changeSearch' bindinput='changeSearch'   placeholder="搜索"/>
    </view>
  </view>
    </view>
    <!-- 顶部排序 -->
    <!-- <view style="display:flex;justify-content: space-around;margin-bottom:23rpx;margin-top:{{navHeight}}px;font-size:24rpx;color: #585858;">
        <view >西安市</view>
        <view>智能排序</view>
        <view>分类</view>
    </view> -->


    <view class="order-list" style="margin-top: 160rpx;" wx:if="{{lists.length}}">
    <view wx:for="{{lists}}"  wx:key="{{index}}"  wx:for-item="item">
  
        <view class="recommend" bindtap="mechanism" data-id="{{item.id}}">
            <view class="red-image">
                <image
                    src="{{item.wechat_logo}}">
                </image>
            </view>
            <view class="red-tit">
                <view style="font-size: 30rpx;color: #333333;font-weight:700">{{item.mechanism_name}}</view>
                <view style="font-size: 24rpx;color: #A5A5A5;">{{item.address}}</view>
                <view style="font-size: 20rpx;color: #A5A5A5;display:flex">
                    <view class="Grade" wx:for="aaaaa" wx:key="index">
                        <view class="Star">
                            <image src="../image/Star.png"></image>
                        </view>
                    </view>
                    <text style="margin:0 40rpx 0 7rpx">{{item.score}}</text>
                    <text>已预约{{item.appointment}}</text>
                </view>
            </view>

        </view>
        <!-- <view style="margin-left:150rpx">
            <view class="headline">
                <text>抢</text>
                <text style="font-size: 18rpx;font-family: PingFang SC;margin-left:18rpx;">【除皱瘦脸】瘦脸针·国产瘦脸加强版80-正...</text>
                <text style="font-size: 18rpx;color:#FF4A4A;margin-left:117rpx;">￥99</text>
            </view>
            <view class="headline">
                <text>抢</text>
                <text style="font-size: 18rpx;font-family: PingFang SC;margin-left:18rpx;">【除皱瘦脸】瘦脸针·国产瘦脸加强版80-正...</text>
                <text style="font-size: 18rpx;color:#FF4A4A;margin-left:117rpx;">￥99</text>
            </view>
        </view>
        <view class="Residuals" bindtap="Seemore">
        查看其他3个相关产品 
        <view class="jiantou"></view>
        </view> -->
    </view>
  </view>




</view>