eric/gitlab-instance-0a899031_nomadro.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'init'

Browse Source
This commit is contained in:
hackrobot
2025-03-25 18:32:04 -05:00
parent ed8ed3fcd9
commit d7008f6e2b
2 changed files with 47 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/index/index.jsx
View File

@@ -53,8 +53,6 @@ import code from "../../images/code.svg";
import laptop from "../../images/laptop.svg"; import laptop from "../../images/laptop.svg";
import travel from "../../images/travel.svg"; import travel from "../../images/travel.svg";
// export default class Index extends Component { // export default class Index extends Component {
const Index = () => { const Index = () => {
const [current, setcurrent] = useState(0); const [current, setcurrent] = useState(0);
@@ -418,12 +416,12 @@ const Index = () => {
</View> </View>
</View> </View>
</View> </View>
<View className="footer">
{/* <View>《Youtube运营笔记》</View> */}
<View>Copyright © 2025 </View>
</View>
</View> </View>
{/* <View className="footer_div"></View> */} {/* <View className="footer_div"></View> */}
<View className="footer">
{/* <View>《Youtube运营笔记》</View> */}
<View>Copyright © 2025 </View>
</View>
</> </>
); );
}; };

60
src/pages/index/index.scss
View File

@@ -1,12 +1,14 @@
.index { .index {
// background-color: #002329; // background-color: #002329;
// width: 100vw; // width: 100vw;
// height: 100vh; // padding-top: 80px;
height: 100vh;
// height: 100%;
// padding-left: 100px; // padding-left: 100px;
// padding-right: 100px; // padding-right: 100px;
// background-color: yellow;
.index-book { .index-book {
margin-top: 80px; // margin-top: 80px;
// width: 100%; // width: 100%;
min-height: 300px; min-height: 300px;
// padding: 20px; // padding: 20px;
@@ -24,7 +26,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
// background-color: rgb(208, 255, 0); // background-color: rgb(208, 255, 0);
.left_title { .left_title {
font-size: 50px; font-size: 50px;
font-weight: 700; font-weight: 700;
@@ -42,7 +44,6 @@
// align-items: center; // align-items: center;
// justify-content: space-around; // justify-content: space-around;
// background-color: yellow; // background-color: yellow;
} }
.left_btn { .left_btn {
margin-top: 40px; margin-top: 40px;
@@ -54,6 +55,7 @@
} }
} }
.index_book_img { .index_book_img {
margin-top: 80px;
width: 400px; width: 400px;
height: 400px; height: 400px;
} }
@@ -73,20 +75,37 @@
} }
.index_btn { .index_btn {
// background-color: yellow; // background-color: yellow;
// margin-top: 40px;
.startRead { .startRead {
width: 200px; width: 200px;
} }
} }
.footer {
position: absolute;
// position: fixed;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 60px;
// margin-bottom: 20px;
font-size: 14px;
// background-color: yellow;
}
} }
@media (min-width: 1536px) { @media (min-width: 1536px) {
.index { .index {
padding: 100px; // padding: 100px;
// height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
// background-color: aqua; // background-color: aqua;
position: relative;
.index-book { .index-book {
width: 100%; width: 100%;
@@ -172,20 +191,27 @@
display: none; display: none;
} }
} }
.footer {
position: absolute;
// position: fixed;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 60px;
// margin-bottom: 20px;
font-size: 14px;
// background-color: yellow;
}
} }
} }
.footer { .footer_div {
// position: absolute;
position: fixed;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%; width: 100%;
height: 60px; height: 60px;
// margin-bottom: 20px;
font-size: 14px;
// background-color: yellow;
} }