manicure/pages/detailContent/detailContent.wxml

<view class="head-box">
  <view class="head-search" bindtap="skipSearch">
    <i style="padding: 0 10rpx 0 20rpx">
      <image class="search-icon" src="/images/search-icon.png"></image>
    </i>
    <input disabled class="head-input" placeholder="请输入" placeholder-style="color:#999999" />
  </view>
</view>

<view class="body-box">
  <!-- 美甲效果 -->
  <view class="head-title">美甲效果</view>
  <view class="swiper-box">
    <swiper class="swiper" current="{{ isItem }}" bindchange="onSwiperItem">
      <block wx:for="{{searchData}}" wx:key="index">
        <swiper-item>
          <view class="imageUrl-box">
            <view class="itemTitle">色号：{{item.name}}</view>
            <image class="imageUrl" src="{{ item.img }}"></image>
          </view>
        </swiper-item>
      </block>
    </swiper>
  </view>
  <view class="head-title">指甲色</view>

</view>

  <!-- 指甲色 -->

  <scroll-view class="scroll-view" scroll-x scroll-into-view="{{ 'i' + isItem }}" scroll-with-animation bindscrolltolower="onbolwerRight" bindscrolltoupper="onbolwerLeft">
      <block wx:for="{{searchData}}" wx:key="index">
        <view class="scroll-view-box" bindtap="setSearchColor" data-index="{{index}}" id="{{ 'i' + index}}">
            <image src="{{item.img}}"></image>
            <view class="{{ isItem === index ? 'itemColor' : 'itemTitle' }}" >{{item.name}}</view>
        </view>
      </block>
  </scroll-view>


  <view class="bottom-box">
      <view class="input-box">
          <input class="inputItem" type="number"  placeholder="请输入要查询的克数"  bindinput="onInputGram"/>
          <view class="text-g">g</view>
      </view>
      <view class="button-box" bindtap="skipInquire">
        <image src="/images/serch.png" class="serch-n" mode="widthFix"></image>
        <text>查询</text>
      </view>
  </view>

<view hidden="{{ hLoading }}"  >
  <loading ></loading>
</view>