vant/src/swipe/test/__snapshots__/demo.spec.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`should render demo and match snapshot 1`] = `
<div>
  <div class="van-swipe">
    <div style="transition-duration: 0ms; transform: translateX(0px); width: 400px;"
         class="van-swipe__track"
    >
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        1
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        2
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        3
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        4
      </div>
    </div>
    <div class="van-swipe__indicators">
      <i style="background-color: white;"
         class="van-swipe__indicator van-swipe__indicator--active"
      >
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div class="van-swipe">
    <div style="transition-duration: 0ms; transform: translateX(0px); width: 400px;"
         class="van-swipe__track"
    >
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        <img src="https://img01.yzcdn.cn/vant/apple-1.jpg">
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        <img src="https://img01.yzcdn.cn/vant/apple-2.jpg">
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        <img src="https://img01.yzcdn.cn/vant/apple-4.jpg">
      </div>
    </div>
    <div class="van-swipe__indicators">
      <i class="van-swipe__indicator van-swipe__indicator--active">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div class="van-swipe">
    <div style="transition-duration: 0ms; transform: translateX(0px); width: 400px;"
         class="van-swipe__track"
    >
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        1
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        2
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        3
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        4
      </div>
    </div>
    <div class="van-swipe__indicators">
      <i style="background-color: white;"
         class="van-swipe__indicator van-swipe__indicator--active"
      >
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div class="van-swipe demo-swipe--vertical"
       style="height: 200px;"
  >
    <div style="transition-duration: 0ms; transform: translateY(0px); height: 400px;"
         class="van-swipe__track van-swipe__track--vertical"
    >
      <div class="van-swipe-item"
           style="height: 100px;"
      >
        1
      </div>
      <div class="van-swipe-item"
           style="height: 100px;"
      >
        2
      </div>
      <div class="van-swipe-item"
           style="height: 100px;"
      >
        3
      </div>
      <div class="van-swipe-item"
           style="height: 100px;"
      >
        4
      </div>
    </div>
    <div class="van-swipe__indicators van-swipe__indicators--vertical">
      <i style="background-color: white;"
         class="van-swipe__indicator van-swipe__indicator--active"
      >
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div class="van-swipe">
    <div style="transition-duration: 0ms; transform: translateX(0px); width: 1200px;"
         class="van-swipe__track"
    >
      <div class="van-swipe-item"
           style="width: 300px;"
      >
        1
      </div>
      <div class="van-swipe-item"
           style="width: 300px;"
      >
        2
      </div>
      <div class="van-swipe-item"
           style="width: 300px;"
      >
        3
      </div>
      <div class="van-swipe-item"
           style="width: 300px;"
      >
        4
      </div>
    </div>
    <div class="van-swipe__indicators">
      <i style="background-color: white;"
         class="van-swipe__indicator van-swipe__indicator--active"
      >
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div class="van-swipe">
    <div style="transition-duration: 0ms; transform: translateX(0px); width: 400px;"
         class="van-swipe__track"
    >
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        1
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        2
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        3
      </div>
      <div class="van-swipe-item"
           style="width: 100px;"
      >
        4
      </div>
    </div>
    <div class="custom-indicator">
      1/4
    </div>
  </div>
</div>
`;