## movie-detail.wxml
[TOC]
### 引用star模板
```
<import src="../star/star-template" />
```
### 内容
```
<image class="bg-img" src="{{img}}" mode="aspectFill" binderror="" bindload=""></image>
<view class="container">
<view class="head">
<view class="head-msg">
<text class="movie-name">{{title}}</text>
<text class="country">{{countries}}·{{year}}</text>
<view class="l-c">
<text>{{collection}}</text>
人喜欢
<text>{{reviews}}</text>
条评论
</view>
<image class="movie-post" src="{{img}}" mode="scaleToFill|aspectFit|aspectFill|widthFix" binderror="" bindload=""></image>
</view>
</view>
<view class="movie-info">
<text class="otherName">{{original}}</text>
<view class="informations">
<view class="evaluate">
评分<text decode="{{true}}"> </text>
<view style="margin-top:8px;"><template is="starTemplate" data="{{stars}}"></template></view>
<text decode="{{true}}"> {{average}}</text>
</view>
<text decode="{{true}}">导演 {{directors}}</text>
<text decode="{{true}}">影人 {{finalList}}</text>
<text decode="{{true}}">类型 {{genres}}</text>
</view>
<view class="line"></view>
</view>
<view class="intro">
<view>剧情简介</view>
<view style="text-indent:2em">{{summary}}</view>
<view class="line"></view>
</view>
<view class="casts">
<view>影人</view>
<scroll-view scroll-x="true" scroll-y="false" class="scroll">
<block wx:for="{{avatarsImg}}" wx:key="index">
<image catchtap='viewPhoto' data-id="{{index}}" src="{{item.img}}" data=""></image>
</block>
</scroll-view>
<view class="line"></view>
</view>
</view>
```
- 项目启动配置
- 01.欢迎页
- 03.点击图片切换——事件绑定bindtap、catchtap
- 04.底方分页切换tabBar
- 20.音乐播放
- 06.豆瓣电影列表
- 1.App
- 2.template
- 3.movies-detail 页面详情
- 组件
- 02.地图
- 05.轮播图swiper
- 07.点击预览图片previewImage结合scroll-view
- 11.web-page
- 14.form表单
- 08.头像图片更换chooseImage
- 09.上拉刷新OnReachBottom
- 10.使用缓存(收藏、分享状态)
- 12.导航条加载、页面加载、导航标题设置
- 13.弹出框
- 15.demo
- data
- local.js
- pages
- welcome(欢迎页)
- index
- index.wxml
- index.wxss
- index.js
- index-detail
- index-detail.wxml
- index-detail.wxss
- index-detail.js
- template
- yuedu-list.wxml
- yuedu-list.wxss
- map
- movies
- movies.wxml
- movies.wxss
- movies.js
- movies-grid
- movies-grid-template.wxml
- movies-grid-template.wxss
- movies-item
- movies-item-template.wxml
- movies-item-template.wxss
- movies-more
- movies-more.wxml
- movies-more.wxss
- movies-more.js
- movie-detail
- movie-detail.wxss
- movie-detail.wxml
- movie-detail.js
- star
- star-template.wxml
- star-template.wxss
- web-page
- web-page.wxml
- web-page.js
- post-img
- post-img.wxml
- post-img.js
- post-img.wxss
- 演员列表图
- 列表图.wxml
- 列表图.wxss
- 列表图.js
- utils
- utils.js
- app.js
- app.json
- app.wxss
- 16.事件冒泡
- 18.Tip
- 框架
- 17.模板
- 19.组件模板和样式(slot)
- component构造器
- 组件事件
- behaviors
- wxs
- HTTP封装
- models使用封装HTTP
- 更多有关promise封装的例子
- 生命周期
- 注意: