演示部分(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>