Home Explore Help
Sign In
chao
/
CocoClass_home
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

.

chao 1 year ago
parent
e4ed901564
commit
862f756288
16 changed files with 47 additions and 19 deletions
Split View Show Diff Stats
  1. 8 6
      build/asset-manifest.json
  2. 1 1
      build/index.html
  3. 0 0
      build/static/css/main.5040ba1b.css
  4. 0 0
      build/static/css/main.5040ba1b.css.map
  5. 0 0
      build/static/css/main.c2d90bb5.css
  6. 0 0
      build/static/css/main.c2d90bb5.css.map
  7. 0 1
      build/static/js/main.8618b225.js
  8. 1 0
      build/static/js/main.f821da80.js
  9. 0 0
      build/static/js/main.f821da80.js.LICENSE.txt
  10. 0 0
      build/static/js/main.f821da80.js.map
  11. BIN
      build/static/media/back1.185bed407aeeb1dfe2bb.png
  12. BIN
      build/static/media/back2.0a76cdf073fc17136493.png
  13. 28 7
      src/asstes/css/Introduction.css
  14. BIN
      src/asstes/img/back1.png
  15. BIN
      src/asstes/img/back2.png
  16. 9 4
      src/complates/Introduction.js

+ 8 - 6
build/asset-manifest.json
View File 

@@ -1,8 +1,10 @@
 
 {
 
   "files": {
 
-    "main.css": "/cocopi/static/css/main.c2d90bb5.css",
 
-    "main.js": "/cocopi/static/js/main.8618b225.js",
 
+    "main.css": "/cocopi/static/css/main.5040ba1b.css",
 
+    "main.js": "/cocopi/static/js/main.f821da80.js",
 
     "static/js/453.c26ba5e3.chunk.js": "/cocopi/static/js/453.c26ba5e3.chunk.js",
 
+    "static/media/back2.png": "/cocopi/static/media/back2.0a76cdf073fc17136493.png",
 
+    "static/media/back1.png": "/cocopi/static/media/back1.185bed407aeeb1dfe2bb.png",
 
     "static/media/1.png": "/cocopi/static/media/1.101f35acebc32f5dc3ae.png",
 
     "static/media/cocopi3.png": "/cocopi/static/media/cocopi3.08661440fe971f87c9e4.png",
 
     "static/media/cocopi1.png": "/cocopi/static/media/cocopi1.889a55f8493efd3e43cf.png",
 
@@ -37,12 +39,12 @@
 
     "static/media/011.png": "/cocopi/static/media/011.ee94d6207de9e623dd21.png",
 
     "static/media/icon1.png": "/cocopi/static/media/icon1.ad19df7f1a1da0caf19b.png",
 
     "index.html": "/cocopi/index.html",
 
-    "main.c2d90bb5.css.map": "/cocopi/static/css/main.c2d90bb5.css.map",
 
-    "main.8618b225.js.map": "/cocopi/static/js/main.8618b225.js.map",
 
+    "main.5040ba1b.css.map": "/cocopi/static/css/main.5040ba1b.css.map",
 
+    "main.f821da80.js.map": "/cocopi/static/js/main.f821da80.js.map",
 
     "453.c26ba5e3.chunk.js.map": "/cocopi/static/js/453.c26ba5e3.chunk.js.map"
 
   },
 
   "entrypoints": [
 
-    "static/css/main.c2d90bb5.css",
 
-    "static/js/main.8618b225.js"
 
+    "static/css/main.5040ba1b.css",
 
+    "static/js/main.f821da80.js"
 
   ]
 
 }

+ 1 - 1
build/index.html
View File 

@@ -1 +1 @@
 
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><title>CocoPi</title><script defer="defer" src="/cocopi/static/js/main.8618b225.js"></script><link href="/cocopi/static/css/main.c2d90bb5.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
 
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><title>CocoPi</title><script defer="defer" src="/cocopi/static/js/main.f821da80.js"></script><link href="/cocopi/static/css/main.5040ba1b.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

File diff suppressed because it is too large
+ 0 - 0
build/static/css/main.5040ba1b.css


File diff suppressed because it is too large
+ 0 - 0
build/static/css/main.5040ba1b.css.map


File diff suppressed because it is too large
+ 0 - 0
build/static/css/main.c2d90bb5.css


File diff suppressed because it is too large
+ 0 - 0
build/static/css/main.c2d90bb5.css.map


File diff suppressed because it is too large
+ 0 - 1
build/static/js/main.8618b225.js


File diff suppressed because it is too large
+ 1 - 0
build/static/js/main.f821da80.js


+ 0 - 0
build/static/js/main.8618b225.js.LICENSE.txt → build/static/js/main.f821da80.js.LICENSE.txt
View File


File diff suppressed because it is too large
+ 0 - 0
build/static/js/main.f821da80.js.map


BIN
build/static/media/back1.185bed407aeeb1dfe2bb.png
View File


BIN
build/static/media/back2.0a76cdf073fc17136493.png
View File


+ 28 - 7
src/asstes/css/Introduction.css
View File 

@@ -19,13 +19,34 @@
 
     }
 
 
     .Introduction_top {
 
-        padding: 0 100px;
 
-        background-image: url("../img/1.png");
 
-        background-repeat: no-repeat;
 
-        background-position: right center;
 
+        padding: 0 0 0 100px;
 
         min-height: 520px;
 
         margin-bottom: 76px;
 
         position: relative;
 
+        display: flex;
 
+        justify-content: space-between;
 
+
 
+        .Introduction_top_img {
 
+            /* background: #D2ECFF; */
 
+            width: 100%;
 
+            /* height: 100%; */
 
+            /* text-align: right; */
 
+            position: relative;
 
+            background-image: url("../img/back1.png"), url("../img/back2.png"), linear-gradient(to right, rgba(210, 216, 255, 0.05), rgba(210, 236, 255, 0.01));
 
+            background-repeat: no-repeat, no-repeat, no-repeat;
 
+            background-position: right, left bottom, right;
 
+            background-size: contain;
 
+
 
+            img {
 
+                position: absolute;
 
+                top: 50%;
 
+                /* left: 50%; */
 
+                right: 100px;
 
+                transform: translate(0, -50%);
 
+                /* width: fit-content;
 
+                height: fit-content; */
 
+            }
 
+        }
 
 
         .Introduction_top_title {
 
             font-size: 64px;
 
@@ -68,7 +89,7 @@
 
             font-family: PingFang SC;
 
             font-size: 32px;
 
             font-weight: 500;
 
-            line-height: 36px;
 
+            line-height: 48px;
 
             letter-spacing: 0.1em;
 
             text-align: left;
 
             color: #5E9AFC;
 
@@ -123,8 +144,8 @@
 
 
         .iot {
 
             background: url('../img/012.png') no-repeat;
 
-            top:810px;
 
-            right:140px;
 
+            top: 810px;
 
+            right: 140px;
 
             background-position: center;
 
             background-size: 180px 170px;
 
         }

BIN
src/asstes/img/back1.png
View File


BIN
src/asstes/img/back2.png
View File


+ 9 - 4
src/complates/Introduction.js
View File 

@@ -1,5 +1,6 @@
 
 import { Flex } from "antd"
 
 import '../asstes/css/Introduction.css'
 
+import imgTop from '../asstes/img/1.png'
 
 import img1 from '../asstes/img/CocoPi1/icon1.png'
 
 import img2 from '../asstes/img/CocoPi1/icon2.png'
 
 import img3 from '../asstes/img/CocoPi1/icon3.png'
 
@@ -20,10 +21,14 @@ function Introduction() {
 
     return (
 
         <div className="Introduction">
 
             <div className="Introduction_top">
 
-                <h1 className='Introduction_top_title'>CocoPi</h1>
 
-                <p>用於AIoT教學、運行 <br /> Linux系統的<i>掌上計算機</i></p>
 
-                <p className='Learning'>All-in-One Product in Technology Innovation Education</p>
 
-
 
+                <div>
 
+                    <h1 className='Introduction_top_title'>CocoPi</h1>
 
+                    <p>用於AIoT教學、運行 <br /> Linux系統的<i>掌上計算機</i></p>
 
+                    <p className='Learning'>All-in-One Product in Technology Innovation Education</p>
 
+                </div>
 
+                <div className="Introduction_top_img">
 
+                    <img src={imgTop} alt="" />
 
+                </div>
 
             </div>
 
             <div className="Introduction_bottom">
 
                 <h2>人工智能</h2>

Some files were not shown because too many files changed in this diff