GululuQ-mp/components/header/header.wxml

<!--components/header/header.wxml-->
<view class="header">

    <view class="header-bg"></view>

    <view class="logo logo-at-left">

      <!-- 首页logo -->
      <image src="/images/index/logo.png" class="logo-image" wx:if="{{position === 'index'}}" bindtap="backHome"></image>

      <!-- 返回按钮 -->
      <image src="/images/mall/back.png" mode="" wx:if="{{specialProds}}" class="back" bindtap="backHome"/>

      <!-- 我的logo -->
      <image src="/images/my/Qlogo.png" mode="" class="my-logo" wx:if="{{position === 'my'}}"/>
      
    </view>

    <!-- 热门/上架/预售logo -->
    <view class="mark-icon" wx:if="{{specialProds}}">
       <image class="mark-image" src="/images/mall/{{position}}.png" mode="widthFix"/>
    </view>

    <!-- 首页显示内容 -->
    <view class="search-and-cart" wx:if="{{position === 'index'}}">
      <view class="search">
        <image src="/images/index/search.png" class="search-icon"></image>
      </view>
      <view class="cart">
        <image src="/images/index/cart.png" class="cart-icon"></image>
      </view>
    </view>
  </view>