vant-weapp/packages/progress/test/__snapshots__/demo.spec.ts.snap

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

exports[`should render demo and match snapshot 1`] = `
<main>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        基础用法
      </wx-view>
      <van-progress
        customClass="progress-position"
      >
        <wx-view
          class="van-progress custom-class"
          style="height:4px"
        >
          <wx-view
            class="van-progress__portion"
            style="background:#1989fa"
          >
            <wx-view
              class="van-progress__pivot"
              style="color:#fff;right:0px;background:#1989fa"
            >
              
      0%
    
            </wx-view>
          </wx-view>
        </wx-view>
      </van-progress>
    </wx-view>
  </demo-block>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        线条粗细
      </wx-view>
      <van-progress
        customClass="progress-position"
      >
        <wx-view
          class="van-progress custom-class"
          style="height:8px"
        >
          <wx-view
            class="van-progress__portion"
            style="background:#1989fa;width:100%"
          >
            <wx-view
              class="van-progress__pivot"
              style="color:#fff;right:0px;background:#1989fa"
            >
              
      100%
    
            </wx-view>
          </wx-view>
        </wx-view>
      </van-progress>
    </wx-view>
  </demo-block>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        置灰
      </wx-view>
      <van-progress
        customClass="progress-position"
      >
        <wx-view
          class="van-progress custom-class"
          style="height:4px"
        >
          <wx-view
            class="van-progress__portion"
            style="background:#cacaca;width:50%"
          >
            <wx-view
              class="van-progress__pivot"
              style="color:#fff;right:0px;background:#cacaca"
            >
              
      50%
    
            </wx-view>
          </wx-view>
        </wx-view>
      </van-progress>
    </wx-view>
  </demo-block>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        样式定制
      </wx-view>
      <van-progress
        customClass="progress-position"
      >
        <wx-view
          class="van-progress custom-class"
          style="height:4px"
        >
          <wx-view
            class="van-progress__portion"
            style="background:#f2826a;width:25%"
          >
            <wx-view
              class="van-progress__pivot"
              style="color:#fff;right:0px;background:#f2826a"
            >
              
      橙色
    
            </wx-view>
          </wx-view>
        </wx-view>
      </van-progress>
      <van-progress
        customClass="progress-position"
      >
        <wx-view
          class="van-progress custom-class"
          style="height:4px"
        >
          <wx-view
            class="van-progress__portion"
            style="background:#ee0a24;width:50%"
          >
            <wx-view
              class="van-progress__pivot"
              style="color:#fff;right:0px;background:#ee0a24"
            >
              
      红色
    
            </wx-view>
          </wx-view>
        </wx-view>
      </van-progress>
      <van-progress
        customClass="progress-position"
      >
        <wx-view
          class="van-progress custom-class"
          style="height:4px"
        >
          <wx-view
            class="van-progress__portion"
            style="background:linear-gradient(to right, #be99ff, #7232dd);width:75%"
          >
            <wx-view
              class="van-progress__pivot"
              style="color:#fff;right:0px;background:#7232dd"
            >
              
      紫色
    
            </wx-view>
          </wx-view>
        </wx-view>
      </van-progress>
    </wx-view>
  </demo-block>
</main>
`;