1.创建movie-details目录
（1）movie-details.wxml
1 <!--pages/movie/movie-details/movie-details.wxml--> 2 <import src="../stars-template/stars-template.wxml" /> 3 <view class="container"> 4 <image class="head-img" src="{{movie.movieImg}}" /> 5 <view class="head-img-hover" data-src="{{movie.movieImg}}"> 6 <text class="main-title">{{movie.title}}</text> 7 <text class="sub-title">{{movie.country + " · "+movie.year}}</text> 8 <view class="like"> 9 <text class="highlight-font"> 10 {{movie.wishCount}} 11 </text> 12 <text class="plain-font"> 13 人喜欢 14 </text> 15 <text class="highlight-font"> 16 {{movie.commentCount}} 17 </text> 18 <text class="plain-font"> 19 条评论 20 </text> 21 </view> 22 </view> 23 <image class="movie-img" src="{{movie.movieImg}}" data-src="{{movie.movieImg}}"/> 24 <view class="summary"> 25 <view class="original-title"> 26 <text>{{movie.originalTitle}}</text> 27 </view> 28 <view class="flex-row"> 29 <text class="mark">评分</text> 30 <template is="starTemplate" data="{{ star:movie.stars,average:movie.score }}" /> 31 </view> 32 <view class="flex-row"> 33 <text class="mark">导演</text> 34 <text>{{movie.director.name}}</text> 35 </view> 36 <view class="flex-row"> 37 <text class="mark">影人</text> 38 <text>{{movie.casts}}</text> 39 </view> 40 <view class="flex-row"> 41 <text class="mark">类型</text> 42 <text>{{movie.generes}}</text> 43 </view> 44 </view> 45 <view class="hr"></view> 46 <view class="synopsis"> 47 <text class="synopsis-font">剧情简介</text> 48 <text class="summary-content">{{movie.summary}}</text> 49 </view> 50 <view class="hr"></view> 51 <view class="cast"> 52 <text class="cast-font"> 影人</text> 53 <scroll-view class="cast-imgs" scroll-x="true" style="width:100%"> 54 <block wx:for="{{movie.castsInfo}}" wx:for-item="item" wx:key="key"> 55 <view class="cast-container"> 56 <image class="cast-img" src="{{item.img}}"></image> 57 <text class="cast-name">{{item.name}}</text> 58 </view> 59 </block> 60 </scroll-view> 61 </view> 62 </view>