<div class="article">
  <list-head :headType="4"></list-head>
  <list-menu></list-menu>
  <list-bottom :blackColor="false"></list-bottom>
  <div class="articleBody">
    <UAnimateContainer :target="getTarget">
    <div class="article-list">
      <div v-for="(item,index) in pageListData" class="article-list-item">
        <UAnimate :offset="10" :delay="(index%2*0.3)+'s'" duration="1.5s" name="fadeInUp">
        <div :style="{height:height,width:width}">
          <div class="article-list-item-bg">
            <img :src="item.image1" class="article-list-item-bg-img" :style="{height:height}">
          </div>
          <div class="article-list-item-content">
            <div class="article-list-item-desc">
              <span>{{item.textTitle}}</span>
            </div>
            <div class="article-list-item-title-container" :style="{marginTop:marginTop}">
              <div class="article-list-item-title">
                <p>{{item.textCn}}</p>
              </div>
              <div class="article-list-item-subTitle">
                <p>{{item.textEn}}</p>
              </div>
            </div>
            <div class="article-list-item-button">
              <a v-on:click="navigateToArticle(index)">{{index===0?'浏览作品':'敬请期待'}}</a>
            </div>
          </div>
        </div>
        </UAnimate>
      </div>
    </div>
    </UAnimateContainer>
    <div class="divideForIphone"></div>
  </div>
</div>
