cbvirtua 1.0.26 → 1.0.28

package/vant/tab/demo/index.vue

@@ -1,193 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-tabs v-model="active">
-        <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block :title="t('matchByName')">
-      <van-tabs v-model="activeName">
-        <van-tab name="a" :title="t('tab') + 1"> {{ t('content') }} 1 </van-tab>
-        <van-tab name="b" :title="t('tab') + 2"> {{ t('content') }} 2 </van-tab>
-        <van-tab name="c" :title="t('tab') + 3"> {{ t('content') }} 3 </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block :title="t('title2')">
-      <van-tabs>
-        <van-tab v-for="index in 8" :title="t('tab') + index" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block :title="t('title3')">
-      <van-tabs @disabled="onClickDisabled">
-        <van-tab
-          v-for="index in 3"
-          :title="t('tab') + index"
-          :disabled="index === 2"
-          :key="index"
-        >
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block :title="t('title4')">
-      <van-tabs type="card">
-        <van-tab v-for="index in 3" :title="t('tab') + index" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block :title="t('title5')">
-      <van-tabs @click="onClick">
-        <van-tab v-for="index in 2" :title="t('tab') + index" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block :title="t('title6')">
-      <van-tabs :active="active" sticky>
-        <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('title7')">
-      <van-tabs :active="active">
-        <van-tab v-for="index in 2" :key="index">
-          <template #title> <van-icon name="more-o" />{{ t('tab') }} </template>
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block :title="t('title8')">
-      <van-tabs animated>
-        <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block :title="t('title9')">
-      <van-tabs :active="active" swipeable>
-        <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('title10')">
-      <van-tabs scrollspy sticky>
-        <van-tab :title="t('tab') + index" v-for="index in 8" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('beforeChange')">
-      <van-tabs :before-change="beforeChange">
-        <van-tab :title="t('tab') + index" v-for="index in 4" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      tab: '标签 ',
-      title2: '标签栏滚动',
-      title3: '禁用标签',
-      title4: '样式风格',
-      title5: '点击事件',
-      title6: '粘性布局',
-      title7: '自定义标签',
-      title8: '切换动画',
-      title9: '滑动切换',
-      title10: '滚动导航',
-      disabled: ' 已被禁用',
-      matchByName: '通过名称匹配',
-      beforeChange: '异步切换',
-    },
-    'en-US': {
-      tab: 'Tab ',
-      content: 'content of tab',
-      title2: 'Swipe Tabs',
-      title3: 'Disabled Tab',
-      title4: 'Card Style',
-      title5: 'Click Event',
-      title6: 'Sticky',
-      title7: 'Custom Tab',
-      title8: 'Switch Animation',
-      title9: 'Swipeable',
-      title10: 'Scrollspy',
-      disabled: ' is disabled',
-      matchByName: 'Match By Name',
-      beforeChange: 'Before Change',
-    },
-  },
-
-  data() {
-    return {
-      active: 2,
-      activeName: 'b',
-      tabs: [1, 2, 3, 4],
-    };
-  },
-
-  methods: {
-    onClickDisabled(index, title) {
-      this.$toast(title + this.t('disabled'));
-    },
-
-    onClick(index, title) {
-      this.$toast(title);
-    },
-
-    beforeChange(name) {
-      if (name === 1) {
-        return false;
-      }
-
-      return new Promise((resolve) => {
-        resolve(name !== 3);
-      });
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-tab {
-  margin-bottom: 80vh;
-
-  .van-tab .van-icon {
-    margin-right: 5px;
-    vertical-align: -2px;
-  }
-
-  .van-tab__pane {
-    padding: 24px 20px;
-    background-color: @white;
-  }
-
-  .van-tabs--card .van-tab__pane {
-    background-color: transparent;
-  }
-}
-</style>

package/vant/tab/index.js

@@ -1,95 +0,0 @@
-import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
-import { routeProps } from '../utils/router';
-
-const [createComponent, bem] = createNamespace('tab');
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanTabs')],
-
-  props: {
-    ...routeProps,
-    dot: Boolean,
-    name: [Number, String],
-    // @deprecated
-    info: [Number, String],
-    badge: [Number, String],
-    title: String,
-    titleStyle: null,
-    titleClass: null,
-    disabled: Boolean,
-  },
-
-  data() {
-    return {
-      inited: false,
-    };
-  },
-
-  computed: {
-    computedName() {
-      return this.name ?? this.index;
-    },
-
-    isActive() {
-      const active = this.computedName === this.parent.currentName;
-
-      if (active) {
-        this.inited = true;
-      }
-      return active;
-    },
-  },
-
-  watch: {
-    title() {
-      this.parent.setLine();
-      this.parent.scrollIntoView();
-    },
-
-    inited(val) {
-      if (this.parent.lazyRender && val) {
-        this.$nextTick(() => {
-          this.parent.$emit('rendered', this.computedName, this.title);
-        });
-      }
-    },
-  },
-
-  render(h) {
-    const { slots, parent, isActive } = this;
-    const slotContent = slots();
-
-    if (process.env.NODE_ENV === 'development' && this.info) {
-      console.warn(
-        '[Vant] Tab: "info" prop is deprecated, use "badge" prop instead.'
-      );
-    }
-
-    if (!slotContent && !parent.animated) {
-      return;
-    }
-
-    const show = parent.scrollspy || isActive;
-    const shouldRender = this.inited || parent.scrollspy || !parent.lazyRender;
-    const Content = shouldRender ? slotContent : h();
-
-    if (parent.animated) {
-      return (
-        <div
-          role="tabpanel"
-          aria-hidden={!isActive}
-          class={bem('pane-wrapper', { inactive: !isActive })}
-        >
-          <div class={bem('pane')}>{Content}</div>
-        </div>
-      );
-    }
-
-    return (
-      <div vShow={show} role="tabpanel" class={bem('pane')}>
-        {Content}
-      </div>
-    );
-  },
-});

package/vant/tab/index.less

@@ -1,17 +0,0 @@
-@import '../style/var';
-
-.van-tab {
-  &__pane {
-    &,
-    &-wrapper {
-      flex-shrink: 0;
-      box-sizing: border-box;
-      width: 100%;
-    }
-
-    &-wrapper--inactive {
-      height: 0;
-      overflow: visible;
-    }
-  }
-}

package/vant/tab/test/__snapshots__/demo.spec.js.snap

@@ -1,349 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
-          <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="">
-          内容 3
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-          <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style=""> 内容 2 </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap van-tabs__wrap--scrollable">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line van-tabs__nav--complete">
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text">标签 1</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text">标签 2</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text">标签 3</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text">标签 4</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text">标签 5</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text">标签 6</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text">标签 7</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text">标签 8</span></div>
-          <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="">
-          内容 1
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-          <div role="tab" class="van-tab van-tab--disabled"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-          <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="">
-          内容 1
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--card">
-      <div class="van-tabs__wrap">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--card">
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="">
-          内容 1
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-          <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="">
-          内容 1
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div>
-        <div class="van-sticky">
-          <div class="van-tabs__wrap">
-            <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-              <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-              <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-              <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-              <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
-              <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="">
-          内容 3
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis"><i class="van-icon van-icon-more-o"><!----></i>标签  </span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis"><i class="van-icon van-icon-more-o"><!----></i>标签  </span></div>
-          <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="">
-          内容 1
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
-          <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content van-tabs__content--animated">
-        <div class="van-tabs__track" style="transform: translate3d(0%, 0, 0); transition-duration: 0.3s;">
-          <div role="tabpanel" class="van-tab__pane-wrapper">
-            <div class="van-tab__pane">
-              内容 1
-            </div>
-          </div>
-          <div role="tabpanel" aria-hidden="true" class="van-tab__pane-wrapper van-tab__pane-wrapper--inactive">
-            <div class="van-tab__pane">
-              <!---->
-            </div>
-          </div>
-          <div role="tabpanel" aria-hidden="true" class="van-tab__pane-wrapper van-tab__pane-wrapper--inactive">
-            <div class="van-tab__pane">
-              <!---->
-            </div>
-          </div>
-          <div role="tabpanel" aria-hidden="true" class="van-tab__pane-wrapper van-tab__pane-wrapper--inactive">
-            <div class="van-tab__pane">
-              <!---->
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
-          <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="">
-          内容 3
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div>
-        <div class="van-sticky">
-          <div class="van-tabs__wrap van-tabs__wrap--scrollable">
-            <div role="tablist" class="van-tabs__nav van-tabs__nav--line van-tabs__nav--complete">
-              <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text">标签 1</span></div>
-              <div role="tab" class="van-tab"><span class="van-tab__text">标签 2</span></div>
-              <div role="tab" class="van-tab"><span class="van-tab__text">标签 3</span></div>
-              <div role="tab" class="van-tab"><span class="van-tab__text">标签 4</span></div>
-              <div role="tab" class="van-tab"><span class="van-tab__text">标签 5</span></div>
-              <div role="tab" class="van-tab"><span class="van-tab__text">标签 6</span></div>
-              <div role="tab" class="van-tab"><span class="van-tab__text">标签 7</span></div>
-              <div role="tab" class="van-tab"><span class="van-tab__text">标签 8</span></div>
-              <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane">
-          内容 1
-        </div>
-        <div role="tabpanel" class="van-tab__pane">
-          内容 2
-        </div>
-        <div role="tabpanel" class="van-tab__pane">
-          内容 3
-        </div>
-        <div role="tabpanel" class="van-tab__pane">
-          内容 4
-        </div>
-        <div role="tabpanel" class="van-tab__pane">
-          内容 5
-        </div>
-        <div role="tabpanel" class="van-tab__pane">
-          内容 6
-        </div>
-        <div role="tabpanel" class="van-tab__pane">
-          内容 7
-        </div>
-        <div role="tabpanel" class="van-tab__pane">
-          内容 8
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
-          <div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="">
-          内容 1
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;