ant-design-vue/components/page-header/__tests__/__snapshots__/demo.test.js.snap

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

exports[`renders ./components/page-header/demo/actions.vue correctly 1`] = `
<div>
  <div
    class="ant-page-header ant-page-header-ghost demo-page-header"
    style="border: 1px solid rgb(235, 237, 240);"
  >
    <!---->
    <div
      class="ant-page-header-heading"
    >
      <div
        class="ant-page-header-heading-left"
      >
        <div
          class="ant-page-header-back"
        >
          <div
            aria-label="Back"
            class="ant-page-header-back-button"
            role="button"
            style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
            tabindex="0"
          >
            
            <span
              aria-label="arrow-left"
              class="anticon anticon-arrow-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="arrow-left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
                />
              </svg>
            </span>
            
          </div>
        </div>
        <!---->
        <span
          class="ant-page-header-heading-title"
          title="Title"
        >
          Title
        </span>
        <span
          class="ant-page-header-heading-sub-title"
          title="This is a subtitle"
        >
          This is a subtitle
        </span>
        <!---->
      </div>
      <span
        class="ant-page-header-heading-extra"
      >
        <div
          class="ant-space ant-space-horizontal ant-space-align-center"
        >
          
          
          <div
            class="ant-space-item"
            style="margin-right: 8px;"
          >
            <button
              class="ant-btn ant-btn-default"
              type="button"
            >
              <!---->
              
              <span>
                Operation
              </span>
              
            </button>
          </div>
          <!---->
          
          
          <div
            class="ant-space-item"
            style="margin-right: 8px;"
          >
            <button
              class="ant-btn ant-btn-default"
              type="button"
            >
              <!---->
              
              <span>
                Operation
              </span>
              
            </button>
          </div>
          <!---->
          
          
          <div
            class="ant-space-item"
          >
            <button
              class="ant-btn ant-btn-primary"
              type="button"
            >
              <!---->
              
              <span>
                Primary
              </span>
              
            </button>
          </div>
          <!---->
          
          
        </div>
      </span>
    </div>
    <div
      class="ant-page-header-content"
    >
      
      <div
        class="ant-descriptions ant-descriptions-small"
      >
        <!---->
        <div
          class="ant-descriptions-view"
        >
          <table>
            <tbody>
              
              <tr
                class="ant-descriptions-row"
              >
                
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Created
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      
                      Lili Qu
                      
                    </span>
                  </div>
                </td>
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Association
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      
                      <a>
                        421421
                      </a>
                      
                    </span>
                  </div>
                </td>
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Creation Time
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      
                      2017-01-10
                      
                    </span>
                  </div>
                </td>
                
              </tr>
              <tr
                class="ant-descriptions-row"
              >
                
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Effective Time
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      
                      2017-10-10
                      
                    </span>
                  </div>
                </td>
                <td
                  class="ant-descriptions-item"
                  colspan="2"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Remarks
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      
                       Gonghu Road, Xihu District, Hangzhou, Zhejiang, China 
                      
                    </span>
                  </div>
                </td>
                
              </tr>
              
            </tbody>
          </table>
        </div>
      </div>
      
    </div>
    <!---->
  </div>
  <br />
  <div
    class="ant-page-header ant-page-header-ghost"
  >
    <!---->
    <div
      class="ant-page-header-heading"
    >
      <div
        class="ant-page-header-heading-left"
      >
        <div
          class="ant-page-header-back"
        >
          <div
            aria-label="Back"
            class="ant-page-header-back-button"
            role="button"
            style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
            tabindex="0"
          >
            
            <span
              aria-label="arrow-left"
              class="anticon anticon-arrow-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="arrow-left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
                />
              </svg>
            </span>
            
          </div>
        </div>
        <!---->
        <span
          class="ant-page-header-heading-title"
          title="Title"
        >
          Title
        </span>
        <span
          class="ant-page-header-heading-sub-title"
          title="This is a subtitle"
        >
          This is a subtitle
        </span>
        <span
          class="ant-page-header-heading-tags"
        >
          
          <span
            class="ant-tag ant-tag-blue"
          >
            
            Running
            
            <!---->
          </span>
          
        </span>
      </div>
      <span
        class="ant-page-header-heading-extra"
      >
        <div
          class="ant-space ant-space-horizontal ant-space-align-center"
        >
          
          
          <div
            class="ant-space-item"
            style="margin-right: 8px;"
          >
            <button
              class="ant-btn ant-btn-default"
              type="button"
            >
              <!---->
              
              <span>
                Operation
              </span>
              
            </button>
          </div>
          <!---->
          
          
          <div
            class="ant-space-item"
            style="margin-right: 8px;"
          >
            <button
              class="ant-btn ant-btn-default"
              type="button"
            >
              <!---->
              
              <span>
                Operation
              </span>
              
            </button>
          </div>
          <!---->
          
          
          <div
            class="ant-space-item"
          >
            <button
              class="ant-btn ant-btn-primary"
              type="button"
            >
              <!---->
              
              <span>
                Primary
              </span>
              
            </button>
          </div>
          <!---->
          
          
        </div>
      </span>
    </div>
    <div
      class="ant-page-header-content"
    >
      
      <div
        class="ant-row"
        type="flex"
      >
        
        <div
          class="ant-statistic"
        >
          <div
            class="ant-statistic-title"
          >
            Status
          </div>
          
          <div
            class="ant-statistic-content"
          >
            <!---->
            <span
              class="ant-statistic-content-value"
            >
              Pending
            </span>
            <!---->
          </div>
          
        </div>
        <div
          class="ant-statistic"
          style="margin: 0px 32px;"
        >
          <div
            class="ant-statistic-title"
          >
            Price
          </div>
          
          <div
            class="ant-statistic-content"
          >
            <span
              class="ant-statistic-content-prefix"
            >
              $
            </span>
            <span
              class="ant-statistic-content-value"
            >
              
              <span
                class="ant-statistic-content-value-int"
              >
                
                568
              </span>
              <span
                class="ant-statistic-content-value-decimal"
              >
                .08
              </span>
              
            </span>
            <!---->
          </div>
          
        </div>
        <div
          class="ant-statistic"
        >
          <div
            class="ant-statistic-title"
          >
            Balance
          </div>
          
          <div
            class="ant-statistic-content"
          >
            <span
              class="ant-statistic-content-prefix"
            >
              $
            </span>
            <span
              class="ant-statistic-content-value"
            >
              
              <span
                class="ant-statistic-content-value-int"
              >
                
                3,345
              </span>
              <span
                class="ant-statistic-content-value-decimal"
              >
                .08
              </span>
              
            </span>
            <!---->
          </div>
          
        </div>
        
      </div>
      
    </div>
    <!---->
  </div>
</div>
`;

exports[`renders ./components/page-header/demo/basic.vue correctly 1`] = `
<div
  class="ant-page-header ant-page-header-ghost"
  style="border: 1px solid rgb(235, 237, 240);"
>
  <!---->
  <div
    class="ant-page-header-heading"
  >
    <div
      class="ant-page-header-heading-left"
    >
      <div
        class="ant-page-header-back"
      >
        <div
          aria-label="Back"
          class="ant-page-header-back-button"
          role="button"
          style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
          tabindex="0"
        >
          
          <span
            aria-label="arrow-left"
            class="anticon anticon-arrow-left"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="arrow-left"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
              />
            </svg>
          </span>
          
        </div>
      </div>
      <!---->
      <span
        class="ant-page-header-heading-title"
        title="Title"
      >
        Title
      </span>
      <span
        class="ant-page-header-heading-sub-title"
        title="This is a subtitle"
      >
        This is a subtitle
      </span>
      <!---->
    </div>
    <!---->
  </div>
  <!---->
  <!---->
</div>
`;

exports[`renders ./components/page-header/demo/breadcrumb.vue correctly 1`] = `
<div
  class="ant-page-header has-breadcrumb ant-page-header-ghost"
  style="border: 1px solid rgb(235, 237, 240);"
>
  <nav
    class="ant-breadcrumb"
  >
    <ol>
      
      <li>
        <span
          class="ant-breadcrumb-link"
        >
          
          <a
            href="#/index"
          >
            First-level Menu
          </a>
          
        </span>
        <span
          class="ant-breadcrumb-separator"
        >
          /
        </span>
      </li>
      <li>
        <span
          class="ant-breadcrumb-link"
        >
          
          <a
            href="#/index/first"
          >
            Second-level Menu
          </a>
          
        </span>
        <span
          class="ant-breadcrumb-separator"
        >
          /
        </span>
      </li>
      <li>
        <span
          class="ant-breadcrumb-link"
        >
          
          <span>
            Third-level Menu
          </span>
          
        </span>
        <span
          class="ant-breadcrumb-separator"
        >
          /
        </span>
      </li>
      
    </ol>
  </nav>
  <div
    class="ant-page-header-heading"
  >
    <div
      class="ant-page-header-heading-left"
    >
      <!---->
      <!---->
      <span
        class="ant-page-header-heading-title"
        title="Title"
      >
        Title
      </span>
      <span
        class="ant-page-header-heading-sub-title"
        title="This is a subtitle"
      >
        This is a subtitle
      </span>
      <!---->
    </div>
    <!---->
  </div>
  <!---->
  <!---->
</div>
`;

exports[`renders ./components/page-header/demo/content.vue correctly 1`] = `
<div
  class="components-page-header-demo-content"
>
  <div
    class="ant-page-header has-breadcrumb ant-page-header-ghost site-page-header"
  >
    <nav
      class="ant-breadcrumb"
    >
      <ol>
        
        <li>
          <span
            class="ant-breadcrumb-link"
          >
            
            <a
              href="#/index"
            >
              First-level Menu
            </a>
            
          </span>
          <span
            class="ant-breadcrumb-separator"
          >
            /
          </span>
        </li>
        <li>
          <span
            class="ant-breadcrumb-link"
          >
            
            <a
              href="#/index/first"
            >
              Second-level Menu
            </a>
            
          </span>
          <span
            class="ant-breadcrumb-separator"
          >
            /
          </span>
        </li>
        <li>
          <span
            class="ant-breadcrumb-link"
          >
            
            <span>
              Third-level Menu
            </span>
            
          </span>
          <span
            class="ant-breadcrumb-separator"
          >
            /
          </span>
        </li>
        
      </ol>
    </nav>
    <div
      class="ant-page-header-heading"
    >
      <div
        class="ant-page-header-heading-left"
      >
        <!---->
        <span
          class="ant-avatar ant-avatar-circle ant-avatar-image"
        >
          <img
            src="https://avatars1.githubusercontent.com/u/8186664?s=460&v=4"
          />
        </span>
        <span
          class="ant-page-header-heading-title"
          title="Title"
        >
          Title
        </span>
        <span
          class="ant-page-header-heading-sub-title"
          title="This is a subtitle"
        >
          This is a subtitle
        </span>
        <span
          class="ant-page-header-heading-tags"
        >
          
          <span
            class="ant-tag ant-tag-blue"
          >
            
            Running
            
            <!---->
          </span>
          
        </span>
      </div>
      <span
        class="ant-page-header-heading-extra"
      >
        <div
          class="ant-space ant-space-horizontal ant-space-align-center"
        >
          
          
          <div
            class="ant-space-item"
            style="margin-right: 8px;"
          >
            <button
              class="ant-btn ant-btn-default"
              type="button"
            >
              <!---->
              
              <span>
                Operation
              </span>
              
            </button>
          </div>
          <!---->
          
          
          <div
            class="ant-space-item"
            style="margin-right: 8px;"
          >
            <button
              class="ant-btn ant-btn-default"
              type="button"
            >
              <!---->
              
              <span>
                Operation
              </span>
              
            </button>
          </div>
          <!---->
          
          
          <div
            class="ant-space-item"
            style="margin-right: 8px;"
          >
            <button
              class="ant-btn ant-btn-primary"
              type="button"
            >
              <!---->
              
              <span>
                Primary
              </span>
              
            </button>
          </div>
          <!---->
          
          
          <div
            class="ant-space-item"
          >
            
            <button
              class="ant-btn ant-btn-default ant-dropdown-trigger"
              style="padding: 0px;"
              type="button"
            >
              <!---->
              
              <span
                aria-label="ellipsis"
                class="anticon anticon-ellipsis"
                role="img"
                style="font-size: 20px; vertical-align: top;"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  data-icon="ellipsis"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                  />
                </svg>
              </span>
              
            </button>
            <!---->
            
          </div>
          <!---->
          
          
        </div>
      </span>
    </div>
    <div
      class="ant-page-header-content"
    >
      
      <div
        class="ant-row content"
      >
        
        <div
          style="flex: 1;"
        >
          <p>
             Ant Design interprets the color system into two levels: a system-level color system and a product-level color system. 
          </p>
          <p>
             Ant Design's design team preferred to design with the HSB color model, which makes it easier for designers to have a clear psychological expectation of color when adjusting colors, as well as facilitate communication in teams. 
          </p>
          <div>
            
            <a
              class="example-link"
            >
              <img
                alt="Quick Start"
                class="example-link-icon"
                src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg"
              />
               Quick Start
            </a>
            <a
              class="example-link"
            >
              <img
                alt="Product Info"
                class="example-link-icon"
                src="https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg"
              />
               Product Info
            </a>
            <a
              class="example-link"
            >
              <img
                alt="Product Doc"
                class="example-link-icon"
                src="https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg"
              />
               Product Doc
            </a>
            
          </div>
        </div>
        <div
          class="image"
        >
          <img
            alt="content"
            src="https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg"
            style="width: 100%;"
          />
        </div>
        
      </div>
      
    </div>
    <!---->
  </div>
</div>
`;

exports[`renders ./components/page-header/demo/ghost.vue correctly 1`] = `
<div
  data-v-app=""
>
  
  <div
    class="demo-page-header"
    style="background-color: rgb(245, 245, 245); padding: 24px;"
  >
    <div
      class="ant-page-header"
    >
      <!---->
      <div
        class="ant-page-header-heading"
      >
        <div
          class="ant-page-header-heading-left"
        >
          <div
            class="ant-page-header-back"
          >
            <div
              aria-label="Back"
              class="ant-page-header-back-button"
              role="button"
              style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
              tabindex="0"
            >
              
              <span
                aria-label="arrow-left"
                class="anticon anticon-arrow-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  data-icon="arrow-left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
                  />
                </svg>
              </span>
              
            </div>
          </div>
          <!---->
          <span
            class="ant-page-header-heading-title"
            title="Title"
          >
            Title
          </span>
          <span
            class="ant-page-header-heading-sub-title"
            title="This is a subtitle"
          >
            This is a subtitle
          </span>
          <!---->
        </div>
        <span
          class="ant-page-header-heading-extra"
        >
          <div
            class="ant-space ant-space-horizontal ant-space-align-center"
          >
            
            
            <div
              class="ant-space-item"
              style="margin-right: 8px;"
            >
              <button
                class="ant-btn ant-btn-default"
                type="button"
              >
                <!---->
                
                <span>
                  Operation
                </span>
                
              </button>
            </div>
            <!---->
            
            
            <div
              class="ant-space-item"
              style="margin-right: 8px;"
            >
              <button
                class="ant-btn ant-btn-default"
                type="button"
              >
                <!---->
                
                <span>
                  Operation
                </span>
                
              </button>
            </div>
            <!---->
            
            
            <div
              class="ant-space-item"
            >
              <button
                class="ant-btn ant-btn-primary"
                type="button"
              >
                <!---->
                
                <span>
                  Primary
                </span>
                
              </button>
            </div>
            <!---->
            
            
          </div>
        </span>
      </div>
      <div
        class="ant-page-header-content"
      >
        
        <div
          class="ant-descriptions ant-descriptions-small"
        >
          <!---->
          <div
            class="ant-descriptions-view"
          >
            <table>
              <tbody>
                
                <tr
                  class="ant-descriptions-row"
                >
                  
                  <td
                    class="ant-descriptions-item"
                    colspan="1"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Created
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        
                        Lili Qu
                        
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-descriptions-item"
                    colspan="1"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Association
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        
                        <a>
                          421421
                        </a>
                        
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-descriptions-item"
                    colspan="1"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Creation Time
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        
                        2017-01-10
                        
                      </span>
                    </div>
                  </td>
                  
                </tr>
                <tr
                  class="ant-descriptions-row"
                >
                  
                  <td
                    class="ant-descriptions-item"
                    colspan="1"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Effective Time
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        
                        2017-10-10
                        
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-descriptions-item"
                    colspan="2"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Remarks
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        
                         Gonghu Road, Xihu District, Hangzhou, Zhejiang, China 
                        
                      </span>
                    </div>
                  </td>
                  
                </tr>
                
              </tbody>
            </table>
          </div>
        </div>
        
      </div>
      <!---->
    </div>
  </div>
  <label
    class="ant-checkbox-wrapper"
    style="margin-top: 0.5rem;"
  >
    <span
      class="ant-checkbox"
    >
      <input
        class="ant-checkbox-input"
        type="checkbox"
      />
      <span
        class="ant-checkbox-inner"
      />
    </span>
    <span>
      
      toggle ghost
      
    </span>
  </label>
  
</div>
`;

exports[`renders ./components/page-header/demo/responsive.vue correctly 1`] = `
<div
  class="components-page-header-demo-responsive"
  style="border: 1px solid rgb(235, 237, 240);"
>
  <div
    class="ant-page-header has-footer ant-page-header-ghost"
  >
    <!---->
    <div
      class="ant-page-header-heading"
    >
      <div
        class="ant-page-header-heading-left"
      >
        <div
          class="ant-page-header-back"
        >
          <div
            aria-label="Back"
            class="ant-page-header-back-button"
            role="button"
            style="border: 0px; background: transparent; padding: 0px; line-height: inherit; display: inline-block;"
            tabindex="0"
          >
            
            <span
              aria-label="arrow-left"
              class="anticon anticon-arrow-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="arrow-left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
                />
              </svg>
            </span>
            
          </div>
        </div>
        <!---->
        <span
          class="ant-page-header-heading-title"
          title="Title"
        >
          Title
        </span>
        <span
          class="ant-page-header-heading-sub-title"
          title="This is a subtitle"
        >
          This is a subtitle
        </span>
        <!---->
      </div>
      <span
        class="ant-page-header-heading-extra"
      >
        <div
          class="ant-space ant-space-horizontal ant-space-align-center"
        >
          
          
          <div
            class="ant-space-item"
            style="margin-right: 8px;"
          >
            <button
              class="ant-btn ant-btn-default"
              type="button"
            >
              <!---->
              
              <span>
                Operation
              </span>
              
            </button>
          </div>
          <!---->
          
          
          <div
            class="ant-space-item"
            style="margin-right: 8px;"
          >
            <button
              class="ant-btn ant-btn-default"
              type="button"
            >
              <!---->
              
              <span>
                Operation
              </span>
              
            </button>
          </div>
          <!---->
          
          
          <div
            class="ant-space-item"
          >
            <button
              class="ant-btn ant-btn-primary"
              type="button"
            >
              <!---->
              
              <span>
                Primary
              </span>
              
            </button>
          </div>
          <!---->
          
          
        </div>
      </span>
    </div>
    <div
      class="ant-page-header-content"
    >
      
      <div
        class="content"
      >
        <div
          class="main"
        >
          <div
            class="ant-descriptions ant-descriptions-small"
          >
            <!---->
            <div
              class="ant-descriptions-view"
            >
              <table>
                <tbody>
                  
                  <tr
                    class="ant-descriptions-row"
                  >
                    
                    <td
                      class="ant-descriptions-item"
                      colspan="1"
                    >
                      <div
                        class="ant-descriptions-item-container"
                      >
                        <span
                          class="ant-descriptions-item-label"
                        >
                          Created
                        </span>
                        <span
                          class="ant-descriptions-item-content"
                        >
                          
                          Lili Qu
                          
                        </span>
                      </div>
                    </td>
                    <td
                      class="ant-descriptions-item"
                      colspan="1"
                    >
                      <div
                        class="ant-descriptions-item-container"
                      >
                        <span
                          class="ant-descriptions-item-label"
                        >
                          Association
                        </span>
                        <span
                          class="ant-descriptions-item-content"
                        >
                          
                          <a>
                            421421
                          </a>
                          
                        </span>
                      </div>
                    </td>
                    
                  </tr>
                  <tr
                    class="ant-descriptions-row"
                  >
                    
                    <td
                      class="ant-descriptions-item"
                      colspan="1"
                    >
                      <div
                        class="ant-descriptions-item-container"
                      >
                        <span
                          class="ant-descriptions-item-label"
                        >
                          Creation Time
                        </span>
                        <span
                          class="ant-descriptions-item-content"
                        >
                          
                          2017-01-10
                          
                        </span>
                      </div>
                    </td>
                    <td
                      class="ant-descriptions-item"
                      colspan="1"
                    >
                      <div
                        class="ant-descriptions-item-container"
                      >
                        <span
                          class="ant-descriptions-item-label"
                        >
                          Effective Time
                        </span>
                        <span
                          class="ant-descriptions-item-content"
                        >
                          
                          2017-10-10
                          
                        </span>
                      </div>
                    </td>
                    
                  </tr>
                  <tr
                    class="ant-descriptions-row"
                  >
                    
                    <td
                      class="ant-descriptions-item"
                      colspan="2"
                    >
                      <div
                        class="ant-descriptions-item-container"
                      >
                        <span
                          class="ant-descriptions-item-label"
                        >
                          Remarks
                        </span>
                        <span
                          class="ant-descriptions-item-content"
                        >
                          
                           Gonghu Road, Xihu District, Hangzhou, Zhejiang, China 
                          
                        </span>
                      </div>
                    </td>
                    
                  </tr>
                  
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div
          class="extra"
        >
          <div
            style="display: flex; justify-content: flex-end;"
          >
            <div
              class="ant-statistic"
              style="margin-right: 32px;"
            >
              <div
                class="ant-statistic-title"
              >
                Status
              </div>
              
              <div
                class="ant-statistic-content"
              >
                <!---->
                <span
                  class="ant-statistic-content-value"
                >
                  Pending
                </span>
                <!---->
              </div>
              
            </div>
            <div
              class="ant-statistic"
            >
              <div
                class="ant-statistic-title"
              >
                Price
              </div>
              
              <div
                class="ant-statistic-content"
              >
                <span
                  class="ant-statistic-content-prefix"
                >
                  $
                </span>
                <span
                  class="ant-statistic-content-value"
                >
                  
                  <span
                    class="ant-statistic-content-value-int"
                  >
                    
                    568
                  </span>
                  <span
                    class="ant-statistic-content-value-decimal"
                  >
                    .08
                  </span>
                  
                </span>
                <!---->
              </div>
              
            </div>
          </div>
        </div>
      </div>
      
    </div>
    <div
      class="ant-page-header-footer"
    >
      
      <div
        class="ant-tabs ant-tabs-top "
      >
        <div
          class="ant-tabs-nav"
          role="tablist"
        >
          <!---->
          <div
            class="ant-tabs-nav-wrap"
          >
            <div
              class="ant-tabs-nav-list"
              style="transform: translate(0px, 0px);"
            >
              
              <div
                class="ant-tabs-tab ant-tabs-tab-active"
              >
                <div
                  aria-selected="true"
                  class="ant-tabs-tab-btn"
                  role="tab"
                  tabindex="0"
                >
                  Details
                </div>
                <!---->
              </div>
              <div
                class="ant-tabs-tab"
              >
                <div
                  aria-selected="false"
                  class="ant-tabs-tab-btn"
                  role="tab"
                  tabindex="0"
                >
                  Rule
                </div>
                <!---->
              </div>
              
              <!---->
              <div
                class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
              />
            </div>
          </div>
          <div
            class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
          >
            
            <button
              aria-controls="null-more-popup"
              aria-expanded="false"
              aria-haspopup="listbox"
              aria-hidden="true"
              class="ant-tabs-nav-more"
              id="null-more"
              style="visibility: hidden; order: 1;"
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="ellipsis"
                class="anticon anticon-ellipsis"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  data-icon="ellipsis"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                  />
                </svg>
              </span>
            </button>
            <!---->
            
            <!---->
          </div>
          <!---->
          <!---->
        </div>
        <div
          class="ant-tabs-content-holder"
        >
          <div
            class="ant-tabs-content ant-tabs-content-top"
          >
            
            <div
              aria-hidden="false"
              class="ant-tabs-tabpane ant-tabs-tabpane-active"
              role="tabpanel"
              tabindex="0"
            >
              <!---->
            </div>
            <div
              aria-hidden="true"
              class="ant-tabs-tabpane"
              role="tabpanel"
              style="display: none;"
              tabindex="-1"
            >
              <!---->
            </div>
            
          </div>
        </div>
      </div>
      
    </div>
  </div>
</div>
`;