vue中使用better-scroll上拉加载及swiper轮播图的笔记

演示部分（better-scroll）：

代码位置部分：

该组件详细代码部分：

<template>
  <div>
      <div class="scroll" :style="{height:height+'px'}">
      <loader1 v-if="isLoader"></loader1>
        <ul v-if="!isLoader">
          <li v-for="(item,index) in list" :key="index" @click="toDetails(item.filmId)">
            <router-link class="NowPlaying-list" to="">
              <div class="NowPlaying-img"><img v-lazy="item.poster" alt=""></div>
              <div class="NowPlaying-info">
                <p>
                  <span class="name">{
   {
   item.name}}</span>
                  <span class="item">{
   {
   item.filmType.name}}</span>
                </p>
                <p v-if="item.grade" >
                  <span class="lable">观众评分</span>
                  <span class="grade">{
   {
   item.grade}}</span>
                </p>
                <p>
                  <span class="lable" v-if="item.actors">主演：{
   {
   item.actors | toStar}}</span>
                  <span class="lable" v-else>主演：暂无</span>
                </p>
                <p>
                  <span class="lable" v-if="type == 1">{
   {
   item.nation}} | {
   {
   item.runtime}}分钟</span>
                  <span class="lable" v-else>上映时期：{
   {
   item.premiereAt | toTime}}</span>
                </p>
              </div