add(code-setting-config)

.editorconfig

@@ -0,0 +1,18 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8                   # 编码格式
+end_of_line = lf                  # 换行符
+indent_size = 2                   # 缩进大小
+indent_style = space              # 缩进风格
+insert_final_newline = true       # 是否使文件以一个空白行结尾
+max_line_length = 80              # 单行最大字符数
+trim_trailing_whitespace = true   # 是否将行尾空格自动删除
+
+[*.md]
+max_line_length = 0
+trim_trailing_whitespace = false
+
+[COMMIT_EDITMSG]
+max_line_length = 0

.gitattributes

@@ -0,0 +1,8 @@
+# Auto detect text files and perform LF normalization
+* text=auto
+
+# JS files must always use LF for tools to work
+*.js eol=lf
+
+*.ts eol=lf
+*.tsx eol=lf

src/App.tsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import {LocaleProvider} from 'antd';
+import { LocaleProvider } from 'antd';
 import zhCN from 'antd/lib/locale-provider/zh_CN';
 import moment from 'moment';
 import 'moment/locale/zh-cn';

src/api/index.ts

@@ -4,50 +4,50 @@ const BASE_URL = "/api/movie";
 const API_KEY = "0b2bdeda43b5688921839c8ecb20399b";
 
 let instance = axios.create({
-    baseURL: BASE_URL,
-    timeout: 3e4,
-    params: {
-        "apikey": API_KEY,
-    }
+  baseURL: BASE_URL,
+  timeout: 3e4,
+  params: {
+    "apikey": API_KEY,
+  }
 });
 
 // 热映
 export function getHotShowing(params?: any) {
-    return instance.get("/in_theaters", {
-        params
-    });
+  return instance.get("/in_theaters", {
+    params
+  });
 }
 
 // top250
-export function getTop250(params?:any) {
-    return instance.get("/top250",{
-        params,
-    });
+export function getTop250(params?: any) {
+  return instance.get("/top250", {
+    params,
+  });
 }
 
 // 新片
 export function getNew() {
-    return instance.get("/new_movies");
+  return instance.get("/new_movies");
 }
 
 // 电影详情
 export function getDetail(id: string) {
-    return instance.get(`/subject/${id}`);
+  return instance.get(`/subject/${id}`);
 }
 
 // 北美票房榜
 export function getGoodbox() {
-    return instance.get("/us_box");
+  return instance.get("/us_box");
 }
 
 // 搜索条目
 export function getContentBySearch(str: string, params?: any) {
-    return instance.get(`/search?q=${str}`, {
-        params
-    });
+  return instance.get(`/search?q=${str}`, {
+    params
+  });
 }
 
 // 口碑榜
 export function getWeeklyMovie() {
-    return instance.get("/weekly");
-}
+  return instance.get("/weekly");
+}

src/components/Layout.tsx

@@ -1 +1 @@
-export {};
+export { };

src/config/index.ts

@@ -1 +1 @@
-export {};
+export { };

src/css/Detail.css

@@ -143,9 +143,6 @@
   overflow-y: auto;
 }
 
-.box-list .list {
-}
-
 .box-list .list .list-item {
   cursor: pointer;
 }

src/css/Home.css

@@ -48,7 +48,7 @@
     border-radius: 20px;
     background-color: rgba(255,255,255,.2);
     box-shadow: 0 4px 18px rgba(17,18,38,.07);
-    border: 1px solid transparent; 
+    border: 1px solid transparent;
     overflow: hidden;
 }
 .header .head-bar--fixed .search-box{
@@ -284,7 +284,7 @@
     margin: 0;
 }
 
-.loading-img-box, 
+.loading-img-box,
 .movie-card img {
     width: 100%;
     height: 300px;
@@ -387,4 +387,4 @@
 
 .footer-block a:hover{
     color: var(--themeHoverColor);
-}
+}

src/pages/Box.tsx

@@ -1,11 +1,11 @@
 import React from "react";
 
-class Box extends React.Component{
-    render() {
-        return (
-            <div>Box page</div>
-        );
-    }
+class Box extends React.Component {
+  render() {
+    return (
+      <div>Box page</div>
+    );
+  }
 }
 
-export default Box;
+export default Box;