-
+ {/* 抽屉 */}
+
-
+
-
-
- {detailData.$units}
- {
- detailData.$units > 0 &&
- .{detailData.$decimal}
- }
-
- {detailData.original_title}
-
- 
-
-
-
-
- {detailData.title}
-
- {
- detailData.tags.map((tag: string, index: number) => {
- return {tag}
- })
- }
-
-
-
- {
- detailData.directors.map((item: any, index: number) => {
- return {item.name}
- })
- }
-
-
-
- {
- detailData.casts.map((item: any, index: number) => {
- let split = "";
- if (index !== 0) {
- split = "/";
- }
- return (
-
- {split}
- {item.name}
-
- );
- })
- }
-
-
-
- {detailData.summary}
-
-
-
-
+ 剧照（{detailData.photos_count}）
-
-
-
-
- );
- }
+
+ this.galleryBox = current}>
- {
- detailData.photos.map((item: any, index: number) => {
- let { image, alt } = item;
+ if (!detailData.id) return '';
+ return (
+ <>
+
+ {author.name}
+
+ {moment(created_at).fromNow()}
+
+ )}
+ />
+ );
+ })
+ }
- {/* 抽屉 */}
-
+
+ return (
+
+
-
+
+
+
+
+ {detailData.$units}
+ {
+ detailData.$units > 0 &&
+ .{detailData.$decimal}
+ }
+
+ {detailData.original_title}
+
+
+
+
+
+
+ {detailData.title}
+
+ {
+ detailData.tags.map((tag: string, index: number) => {
+ return {tag}
+ })
+ }
+
+
+
+ {
+ detailData.directors.map((item: any, index: number) => {
+ return {item.name}
+ })
+ }
+
+
+
+ {
+ detailData.casts.map((item: any, index: number) => {
+ let split = "";
+ if (index !== 0) {
+ split = "/";
+ }
+ return (
+
+ {split}
+ {item.name}
+
+ );
+ })
+ }
+
+
+
+ {detailData.summary}
+
+
+
+
- 剧照（{detailData.photos_count}）
+
+
- this.galleryBox = current}>
+ {
+ detailData.photos.map((item: any, index: number) => {
+ let { image, alt } = item;
- return (
-
-
- {index === 0 && detailData.trailer_urls.length > 0 && (
- <>
- 预告片
- { this.openPlayBox(detailData.trailer_urls[currentPlayData.index]) }} />
-
- )}
- 
-
- );
- })
- }
-
-
+
-
+ 影评（{detailData.reviews_count}）
- { - detailData.popular_reviews.map((item: any, index: number) => { - let { - author, - rating, - title, - summary, - created_at, - } = item; + return ( +
+ {index === 0 && detailData.trailer_urls.length > 0 && (
+ <>
+ 预告片
+ { this.openPlayBox(detailData.trailer_urls[currentPlayData.index]) }} />
+
+ )}
+
+
+ );
+ })
+ }
+
+
-
+
- {author.name}
-
- {moment(created_at).fromNow()}
-
- )}
- />
- );
- })
- }
-
- 影评（{detailData.reviews_count}）
+ { + detailData.popular_reviews.map((item: any, index: number) => { + let { + author, + rating, + title, + summary, + created_at, + } = item; - return ( -{summary}
- - )} - datetime={( -
-
+ {author.name}
+
+ {moment(created_at).fromNow()}
+
+ )}
+ />
+ );
+ })
+ }
+
+ 热评（{detailData.comments_count}）
- { - detailData.popular_comments.map((item: any, index: number) => { - let { - author, - rating, - content, - created_at, - useful_count, - useless_count, - } = item; + return ( +{summary}
+ + )} + datetime={( +
+
-
-
- {useful_count || 0}
-
- ,
-
-
-
-
- {useless_count || 0}
-
-
- ];
+ const actions = [
+
+
+
+
+ {useful_count || 0}
+
+ ,
+
+
+
+
+ {useless_count || 0}
+
+
+ ];
- return (
-
- {author.name}
-
- {moment(created_at).fromNow()}
-
- )}
- />
- );
- })
- }
-
- 热评（{detailData.comments_count}）
+ { + detailData.popular_comments.map((item: any, index: number) => { + let { + author, + rating, + content, + created_at, + useful_count, + useless_count, + } = item; - const actions = [ - -{content}
- )} - datetime={( -{content}
+ )} + datetime={( +
-
-
-
-
-
-
- - (
-
+
+
+
+
+
+
+ - (
+
+ {
+ g.map((item: any, index: number) => {
+ let isFirst = index === 0;
return (
-
);
+ })
+ );
- }
- render() {
- let {
- hotShowList,
- newMovieList,
- goodBoxList,
- boxLastDate,
- suggestList,
- weeklyBox,
- searchHistory,
- searchStr,
- isLoadingHotShow,
- isLoadingNewMovie,
- isLoadingGoodBox,
- isLoadingWeeklyBox,
- isLoadingTop250,
- isShowTipsPanel,
- isShowSuggestBox,
- isTopNavFixed,
- }: any = this.state;
+ }
+ render() {
+ let {
+ hotShowList,
+ newMovieList,
+ goodBoxList,
+ boxLastDate,
+ suggestList,
+ weeklyBox,
+ searchHistory,
+ searchStr,
+ isLoadingHotShow,
+ isLoadingNewMovie,
+ isLoadingGoodBox,
+ isLoadingWeeklyBox,
+ isLoadingTop250,
+ isShowTipsPanel,
+ isShowSuggestBox,
+ isTopNavFixed,
+ }: any = this.state;
- // temp
- let bannerList = [
- imgBanner001,
- imgBanner002,
- imgBanner003,
- imgBanner004,
- imgBanner005
- ];
+ // temp
+ let bannerList = [
+ imgBanner001,
+ imgBanner002,
+ imgBanner003,
+ imgBanner004,
+ imgBanner005
+ ];
- return (
-
- {
- g.map((item: any, index: number) => {
- let isFirst = index === 0;
- return (
-
+
-
-
- 
-
-
- }
- >
- {item.rating.average}
-
-
- );
- })
- }
-
-
+
+
+
+
+
+ }
+ >
+ {item.rating.average}
+
+
);
- })
+ })
+ }
+
+ { this.toggleSuggestList(false) }}>
-
- {
- this.setState({
- isTopNavFixed: !!isFixed,
- });
- }}>
-
-
-
- );
- })
- }
-
- );
-}
\ No newline at end of file
+ let { row } = props;
+ let list = new Array(row || 4).fill(1);
+ return (
+ <>
+ {
+ list.map((item: any, index: number) => {
+ return (
+
+
+ );
+ })
+ }
+
+ );
+}
diff --git a/src/store/index.ts b/src/store/index.ts
index 8cec2e9..3200236 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1 +1 @@
-export {};
\ No newline at end of file
+export { };
\ No newline at end of file
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 8cec2e9..2234b9c 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1 +1 @@
-export {};
\ No newline at end of file
+export { };
-
-
-
-
-
-
-
-
-
-
- ev.stopPropagation()}
- onFocus={this.toggleSuggestList.bind(this, true)} />
-
- {
- isShowTipsPanel ?
-
-
-
- :
- 0 ? "block" : "none",
- }
- }>
-
- 历史记录
--
- {
- searchHistory.map((item: any, index: number) => {
- return (
-
-
-
-
{item.title}
- -
- );
- })
- }
-
-
- 热映
--
- {
- hotShowList.slice(0, 8).map((item: any, index: number) => {
- return (
-
- - { - this.addSearchHistory({ - id: item.id, - title: item.title, - }); - }}> - {+index + 1} - {item.title} - - - ); - }) - } -
-
- }
- -
- {
- suggestList.map((item: any, index: number) => {
- return (
-
-
- {
- this.addSearchHistory({
- id: item.id,
- title: item.title,
- });
- }}>
-
{item.title}
-{item.original_title}
- -
- );
- })
- }
-
-
- {bannerList.map((item: any, index: number) => {
- return (
-
+ return (
+
+ );
}
interface IList {
- row: number,
+ row: number,
}
export function ListSkeleton(props: IList) {
- let { row } = props;
- let list = new Array(row || 4).fill(1);
- return (
- <>
- {
- list.map((item: any, index: number) => {
- return (
-
- 
-
- );
- })}
- { this.toggleSuggestList(false) }}>
+
-
-
-
- );
+ return (
+
+
+
+
+ );
}
diff --git a/src/skeletons/Detail.tsx b/src/skeletons/Detail.tsx
index f73f59d..5a31bd7 100644
--- a/src/skeletons/Detail.tsx
+++ b/src/skeletons/Detail.tsx
@@ -2,28 +2,28 @@ import React from 'react';
import { Statistic, Skeleton } from 'antd';
export default function () {
- return (
-
- );
+ let list = new Array(9).fill(1);
+ return (
+
+ {
+ this.setState({
+ isTopNavFixed: !!isFixed,
+ });
+ }}>
+
+ );
+ }
}
-export default Home;
\ No newline at end of file
+export default Home;
diff --git a/src/router/RouterView.tsx b/src/router/RouterView.tsx
index 59e47f7..6247363 100644
--- a/src/router/RouterView.tsx
+++ b/src/router/RouterView.tsx
@@ -1,26 +1,26 @@
import React from 'react';
-import { BrowserRouter, Switch, Route,Redirect } from 'react-router-dom';
+import { BrowserRouter, Switch, Route, Redirect } from 'react-router-dom';
import Home from '../pages/Home';
import Detail from '../pages/Detail';
import Box from '../pages/Box';
function NotFound() {
- return '404';
+ return '404';
}
export default function () {
- return (
-
+
+
+
+
+
+
+
+
+
-
+
-
-
+
+
-
+
-
- 正在热映
-
+ ev.stopPropagation()}
+ onFocus={this.toggleSuggestList.bind(this, true)} />
+
+
+ {
+ isShowTipsPanel ?
+
-
+ :
- hotShowList.map((item: any, index: number) => {
- return (
-
-
-
-
-
-
-
- }
- >
- {item.rating.average}
-
-
- );
- })}
-
-
-
-
-
+ 新片榜
+ "display": searchHistory.length > 0 ? "block" : "none", + } + }> +历史记录
+-
+ {
+ searchHistory.map((item: any, index: number) => {
+ return (
+
-
+
+
{item.title}
+ +
+ );
+ })
+ }
+
+
热映
+-
+ {
+ hotShowList.slice(0, 8).map((item: any, index: number) => {
+ return (
+
- + { + this.addSearchHistory({ + id: item.id, + title: item.title, + }); + }}> + {+index + 1} + {item.title} + + + ); + }) + } +
+ :
+
+
+
- -
{
- isLoadingNewMovie ?
-
-
+ {
+ this.addSearchHistory({
+ id: item.id,
+ title: item.title,
+ });
+ }}>
+
{item.title}
+{item.original_title}
+ +
+ );
+ })
+ }
+
-
-
-
-
-
- }
- >
- {item.rating.average}
-
-
- );
- })}
+ suggestList.map((item: any, index: number) => {
+ return (
+
-
-
+
-
- 北美票房榜
-{boxLastDate} 更新/美元
--
- {
- isLoadingGoodBox ?
-
+
+ {bannerList.map((item: any, index: number) => {
+ return (
+
+
+
+
+
+ );
+ })}
+
+
-
+
+
+
+ 正在热映
+
+ {
+ isLoadingHotShow ?
+
+
+
+
+
+
+
+ }
+ >
+ {item.rating.average}
+
+
+ );
+ })}
+
+
+
-
+
+ 新片榜
+
+ {
+ isLoadingNewMovie ?
+
+
+
+
+
+
+
+ }
+ >
+ {item.rating.average}
+
+
+ );
+ })}
+
+
+
-
+
+ 北美票房榜
+{boxLastDate} 更新/美元
+-
+ {
+ isLoadingGoodBox ?
+
-
-
-
{title}
- - {rank} - {box / 1e4} 万 - -
- );
- })
- }
-
-
-
-
- 一周口碑榜
-
- {
- weeklyBox.slice(0, 6).map((item: any, index: number) => {
- let { subject } = item;
- let { rating, title } = subject;
- let { average } = rating;
- return (
-
-
-
- );
- })
- }
- {average} 分
- {title}
-
-
- {
- isLoadingWeeklyBox ?
-
-
-
-
- 
-
-
- }
- >
- {average}
-
-
- );
- })}
-
-
-
-
- {
- isLoadingTop250 ?
- Top 250
-
-
+
- 免责声明：内容来源于 豆瓣电影 ，接口来源于网络，侵删，禁止商业用途使用
-
-
-
+
+
- );
- }
+
+
+ 一周口碑榜
+
+ {
+ weeklyBox.slice(0, 6).map((item: any, index: number) => {
+ let { subject } = item;
+ let { rating, title } = subject;
+ let { average } = rating;
+ return (
+
+ );
+ })
+ }
+
- {average} 分
+ {title}
+
+ {
+ isLoadingWeeklyBox ?
+
+
+
+
+
+
+
+ }
+ >
+ {average}
+
+
+ );
+ })}
+
+
+
+
+ {
+ isLoadingTop250 ?
+ Top 250
+
-
+ );
+ })
+ }
+
+ );
}
export function CardListTop250Skeleton() {
- let list = new Array(9).fill(1);
- return (
-
-
- );
- })
- }
-
- );
+ let { column } = props;
+ let list = new Array(column || 6).fill(1);
+ return (
+ <>
+ {
+ list.map((item: any, index: number) => {
+ return (
+
-
+ return (
+
-
-
-
- 0
-
-
-
-
-
-
+
+ );
+}
diff --git a/src/skeletons/Home.tsx b/src/skeletons/Home.tsx
index d75d5d5..721cd9a 100644
--- a/src/skeletons/Home.tsx
+++ b/src/skeletons/Home.tsx
@@ -3,83 +3,83 @@ import { Card, Skeleton } from 'antd';
import loadingSvg from '../assets/loading.svg';
interface ICardList {
- column: number,
+ column: number,
}
export function CardListSkeleton(props: ICardList) {
- let { column } = props;
- let list = new Array(column || 6).fill(1);
- return (
- <>
- {
- list.map((item: any, index: number) => {
- return (
-
+
+
+
- );
-}
\ No newline at end of file
+
+
+
+
+ 0
+
+
+
+
-
- 
-
- }
- />
-
+
+
+
+ }
+ />
+
- {
- list.map((item: any, index: number) => {
- return (
-
- );
- })
- }
-
-
-
-
- }
- />
-
+ {
+ list.map((item: any, index: number) => {
+ return (
+
+ );
+ })
+ }
+
+
+
+
+ }
+ />
+