pos_xcx/componets/shop/index.wxml

    <navigator url="../../pages/shopinfo/shopinfo?id={{item.id}}" wx:for="{{shops}}" wx:key="id" hover-class="none">
        <view class="shop-info">
            <view class="shopimg">
                <image src="{{item.imgurl}}" mode="aspectFill" lazy-load="false" class="img">

                </image>
            </view>
            <view class="shopmsg">
                <view class="shopview">
                    <view class="c-202020">
                        {{item.shopname}}
                    </view>
                    <view class="c-202020 mark f12 {{item.new?'new':''}} {{item.discount?'discount':''}}" wx:if="{{item.mark}}">
                        {{item.marktext}}
                    </view>
                </view>
                <view class="shopview">
                    <view>

                        <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>0?'filled':'outline'}}"></mp-icon>
                        <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>1?'filled':'outline'}}"></mp-icon>
                        <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>2?'filled':'outline'}}"></mp-icon>
                        <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>3?'filled':'outline'}}"></mp-icon>
                        <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>4?'filled':'outline'}}"></mp-icon>
                    </view>
                </view>
                <view class="shop-address shopview">

                    <view class="c-707070 f12">
                        <mp-icon icon="location" color="#707070" size="20" class="address-icon" ></mp-icon>
                        {{item.shop_address}}
                    </view>
                    <view class="c-707070 f12">
                        {{item.shop_distance}}
                    </view>
                </view>
            </view>

        </view>
    </navigator>