三十、进阶之项目iconfont 及 nowplaying中电影信息显示

一、iconfont 图标

设置底部的三个按钮（film、center、cinema）

（1）在App.vue中添加样式

（2）在Tabbar.vue中添加样式（包含三个组件按钮的文件）

使3个组件在底部居中显示

（3）为film添加iconfont图标

1. 先将iconfont文件夹放到public文件夹下

2. 在index.html文件中引入iconfont.css文件

其中，根据

我们可以确定<%= BASE_URL %>表示public文件夹

3. 使用iconfont（Tabbar.vue）

通过查找demo_symbol.html文件，确定要使用的图标

在flim之前引用

二、nowplaying.vue 中电影信息显示

在nowplaying.vue文件中进行编写

(1)首先显示电影图片、电影名字、观众评分、以及主演名字

问题：主演信息是一个结构体数组，不仅包含了主演名字

解决：需要通过对演员数组进行过滤，获取需要的信息

（2）对演员数组的过滤处理

 1. 先将演员数组中每一项的名字取出，放到newlist

 2. 将演员名字用空格连接 ，并返回

（3）效果图